Teal Harbor color palette — #F0F8EC · #16C9B0 · #485A4B · #272D25 · #0E100B

Built around Aqua, softened by Charcoal Brown — the whole palette hums with sophistication.

The five colors

• Ivory (#F0F8EC): a clean, paper-quiet neutral.
• Aqua (#16C9B0): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#485A4B): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#272D25): a grounded near-black with real depth.
• Ink (#0E100B): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Teal Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Mint Bloom color palette (#F6F6E7, #93BE6B, #4C5C16, #2C2C23, #110F0A)
• Timeworn Sky color palette (#EAFAF2, #01BFF5, #5E4E60, #212F28, #0D110D)
• Tempered Teal color palette (#DFFFE3, #00A6AE, #004257, #051B09, #000200)
• Tempered Lagoon color palette (#E7F5F7, #3F8C7F, #264148, #192C2F, #0F161B)
• Tempered Glacier color palette (#E6FBEF, #6DDCFF, #E7A1CE, #B1A078, #2B3D33)
• Obsidian Petrol Loft color palette (#CFE7DD, #006890, #001031, #040E0D, #000201)
• Antique Driftwood color palette (#F6F6ED, #B8E5F0, #87BBA9, #8B8A42, #404D00)
• Gentle Lagoon color palette (#E5FEDB, #80FBF9, #52BDCA, #47899D, #39584D)

Browse the whole catalog at Explore, or see today's palette.