Column Brand Identity

A complete profile of Column's visual system — colors, typography, components, and personality — extracted from https://column.com/.

Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://column.com/.

• primary: #167E6C (rgb(22, 126, 108))
• secondary: #111A4A (rgb(17, 26, 74))
• accent: #F6F6F8 (rgb(246, 246, 248))
• background: #F6F6F8 (rgb(246, 246, 248))
• textPrimary: #12161E (rgb(18, 22, 30))
• link: #354A50 (rgb(53, 74, 80))

Typography

Each font links to its Google Fonts page where available.

• primary: SuisseIntl (Google Fonts →)
• heading: SuisseIntl (Google Fonts →)

Font stacks:

• heading: SuisseIntl, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
• body: SuisseIntl, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

Visual Assets

%20!important%3B%20stroke-width%3A%200px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M22.403501203%2C5.669610575c-.98728849-.561793708-2.089591402-.846595975-3.276251243-.846595975-1.171233458%2C0-2.261624859.284899902-3.240858434.846791245-.979624116.562184249-1.76514919%2C1.343559821-2.334704906%2C2.322549307-.569995076.979282393-.858995662%2C2.061765332-.858995662%2C3.217572407%2C0%2C1.156099981.289049404%2C2.234677507.859142115%2C3.205953803.569458081.97117866%2C1.354934337%2C1.748453548%2C2.334558453%2C2.310344891.979233575.561891343%2C2.069624977.846791245%2C3.240858434.846791245%2C1.18665984%2C0%2C2.288962753-.284802267%2C3.276251243-.846595975.987142037-.561696072%2C1.776718977-1.339068596%2C2.346811688-2.310540161.570043893-.971862107.859093297-2.050537269.859093297-3.205953803%2C0-1.155123628-.289000586-2.237704203-.858946844-3.217572407-.570190346-.979282393-1.359816104-1.7607556-2.346958141-2.322744578ZM22.123824791%2C13.042640401c-.299154661.537091968-.715471722.965125269-1.237430214%2C1.272188392-.521470315.306867852-1.113335705.462498574-1.759144617.462498574-.630382529%2C0-1.214193004-.155630721-1.735370413-.462498574-.521763221-.306672582-.933881963-.734412977-1.224981709-1.271309674-.292173735-.537873051-.440335353-1.154830722-.440335353-1.833591558%2C0-.662358101.152067032-1.275117452.452002775-1.821289506.299886926-.545683878.71259148-.981820911%2C1.226690327-1.296401955.513708306-.314190502%2C1.101082471-.473531366%2C1.745817394-.473531366.644393199%2C0%2C1.231767364.159340864%2C1.745719759.473433731.514391753.314971585.927096307.751206254%2C1.226739145%2C1.29649959.299935744.546172054.452051593%2C1.158931406.452051593%2C1.821289506%2C0%2C.678175025-.151969396%2C1.294742154-.451758687%2C1.83271284Z%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2030)%20!important%3B%20stroke-width%3A%200px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M41.650256811%2C11.519529202c0%2C.693796678-.136103655%2C1.294644519-.404503186%2C1.785750245-.267569631.489250655-.623059879.860557827-1.056658394%2C1.103767442-.435063045.244381239-.919383116.368280477-1.439437718.368280477-.519810514%2C0-.975621068-.111597186-1.354934337-.331862498-.378825093-.219386594-.682519797-.538751769-.902687474-.949113075-.221192847-.411630565-.333375845-.900490679-.333375845-1.452911394v-6.934647179h-3.010048506v7.529929806c0%2C.933881963.20439957%2C1.783211726.607438226%2C2.524459177.403868556.743590698.981381552%2C1.33750643%2C1.716477976%2C1.76514919.734705883.427740395%2C1.588917413.644686105%2C2.538909206.644686105.997833106%2C0%2C1.920682276-.253266054%2C2.742918235-.752768419.379850264-.230907563.728359586-.51131624%2C1.038791128-.835660817v1.302650616h2.867159196V5.108793221h-3.010048506v6.410735981Z%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2030)%20!important%3B%20stroke-width%3A%200px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M63.469459363%2C5.430989821c-.726406879-.403429197-1.543907525-.60797522-2.429850539-.60797522-.918553215%2C0-1.768664062.220753488-2.526607154.656207075-.581125504.333815204-1.075257925.76907352-1.470485754%2C1.29503506-.356759508-.555154505-.820624976-1.009939887-1.380368341-1.353030448-.648396248-.396985265-1.37099535-.598211687-2.147879696-.598211687-.841226031%2C0-1.61283807.225830526-2.293356343.671242916-.388588626.254632949-.735975142.56989744-1.03581325.939544812v-1.325009108h-2.748190543v12.178445658h3.033871528v-7.125133715c0-.473336096.104274536-.910254212.309796912-1.298745203.204936564-.38683119.48934829-.694480125.845424351-.914257261.355294978-.219191323.750229901-.330397968%2C1.173771976-.330397968.438675552%2C0%2C.837418253.111011374%2C1.185097675.329909791.34875341.220070041.629357358.527816612.834098652.914745437.205717647.388393356.309992183.825311472.309992183%2C1.298745203v7.125133715h3.009902053v-7.125133715c0-.473336096.108082314-.909863671.321220246-1.297475944.212649756-.387612273.497549658-.69584702.84669361-.916014697.347386516-.218898417.746129217-.329909791%2C1.185097675-.329909791s.841909479.111206645%2C1.197594998.330397968c.355490248.219581864.635703655.526742623.832731757.912792731.198199726.389369709.298666484.826873637.298666484%2C1.300209733v7.125133715h3.033920345v-7.887177491c0-.839859137-.217336252-1.618598555-.645955365-2.314933751-.428228572-.694284855-1.013357124-1.250806254-1.739373462-1.654137816Z%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2030)%20!important%3B%20stroke-width%3A%200px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M79.392610592%2C7.256672917c-.404112644-.743004886-.985531054-1.340923667-1.728145399-1.776963065-.742516709-.435746492-1.592822827-.656695251-2.527290601-.656695251-1.014333477%2C0-1.945384015.257366738-2.76727825.765070471-.369842642.22846668-.710199414.50233379-1.014431112.816133751v-1.295425602h-2.890884582v12.178445658h3.03382271v-6.410735981c0-.679053743.132295877-1.272188392.393079852-1.763001213.259709986-.488762478.615200235-.863877429%2C1.056707212-1.114995506.442776236-.251996795.930855267-.379801446%2C1.450763417-.379801446.503505414%2C0%2C.955166465.115502599%2C1.342485832.343481102.38683119.227490326.694675396.550956186.915135979.961219856.221241665.412314012.333424663.893168029.333424663%2C1.429186008v6.934647179h3.009999689v-7.50620442c0-.932710339-.204350752-1.782040102-.607389408-2.524361541Z%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2030)%20!important%3B%20stroke-width%3A%200px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M26.059065715%2C0v2.021563984h.510217843c.555846668%2C0%2C1.006449424.450602756%2C1.006449424%2C1.006449424v14.259274289h3.034359704V0h-4.551026971Z%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2030)%20!important%3B%20stroke-width%3A%200px%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using Column's actual button styles.

Button Primary

• background: #F6F6F8
• textColor: #FFFFFF
• borderRadius: 8px
• shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px

Button Secondary

• background: #EFEFEF
• textColor: #232730
• borderRadius: 8px
• shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px

Brand Personality

• Tone: professional
• Energy: medium
• Audience: businesses and financial institutions

Frequently Asked Questions

What is Column's primary brand color? Column's primary brand color is #167E6C. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Column use? Column uses #F6F6F8 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Column use? Column uses SuisseIntl as the primary typeface across body and headings.

Does Column use a light or dark theme? Column's primary site uses a light color scheme, with a background of #F6F6F8.

Where can I find Column's logo? Column's logo is available directly on their site (https://column.com/). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated? This profile was extracted from https://column.com/ using the Firecrawl branding extraction API.