Teal Harbor color palette — #EEF8F0 · #B6DFD4 · #7BBD9B · #8C8CB0 · #284A42

Mint Leaf takes the lead with Slate Blue close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Silver (#B6DFD4): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#7BBD9B): A luminous, balanced teal — the color of shallow lagoons.
• Slate Blue (#8C8CB0): A luminous, dusty violet — the color of a velvet chair.
• Forest (#284A42): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Jade Studio color palette (#E6FCEB, #BFDA94, #62BA8C, #9E77B1, #31410F)
• Aged Jade color palette (#D7EADE, #A8C39B, #07A984, #906194, #173105)
• Timeworn Delta color palette (#FBF2F7, #D5DFF4, #95C1F7, #38AE98, #3D4664)
• Basalt Chapel color palette (#F9F5E8, #C8C6A7, #729C74, #896287, #494400)
• Blush Archive color palette (#FFF0F8, #C5E4EE, #90D1E0, #E496A7, #3E543C)
• Periwinkle Grove color palette (#FFF1F6, #E6B282, #63C2E8, #6B9BE2, #4E2C3A)
• Tempered Lagoon Field color palette (#F8F1E5, #A8BB8E, #458466, #6B4A55, #2A2813)
• Weathered Mulberry Boulevard color palette (#E2F5EE, #6BBA90, #009190, #92446F, #002112)

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