Teal Harbor color palette — #F0F8EC · #40AC98 · #995A6F · #59524E · #403C36

Turquoise takes the lead with Pewter close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F0F8EC): a clean, paper-quiet neutral.
• Turquoise (#40AC98): A luminous, balanced teal — the color of sea glass.
• Pewter (#995A6F): A full-bodied, balanced rose — the color of strawberry cream.
• Charcoal Brown (#59524E): a grounded near-black with real depth.
• Charcoal (#403C36): quiet, heavy and certain.

Feels like: Sophistication. Tagged 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

• Turquoise Thicket color palette (#EBFAEF, #14ABBD, #985D65, #5B551F, #524000)
• Jade Coast color palette (#F3F7EB, #44AF79, #8D607C, #714359, #6B2E14)
• Washed Archive color palette (#EBF9F1, #6EBED6, #798CB5, #775C89, #214C36)
• Weathered Cobalt Coast color palette (#E6FBF2, #0093CF, #974B25, #4A4B13, #32342E)
• Turquoise Ridge color palette (#E6F5FC, #53AABD, #59729E, #59406A, #002E2F)
• Mulberry Corridor color palette (#E6FDE2, #009189, #A70043, #5A3700, #312B00)
• Driftwood Bloom color palette (#E9F9F8, #9DD7AF, #9DA5DD, #B77358, #454518)
• Ancient Driftwood Parlor color palette (#FBF4ED, #C7C396, #83863E, #5C6A5D, #5F4A00)

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