Tempered Harbor color palette — #CCEDF4 · #007A6F · #705300 · #00423B · #090500

Coffee and Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#CCEDF4): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007A6F): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#705300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#00423B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#090500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered 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

• Fern Market color palette (#E1F3FF, #007398, #3B6600, #003E53, #030800)
• Nightshade Summit color palette (#DEF5F5, #006567, #003ABB, #2A4700, #000202)
• Denim Courtyard color palette (#DEF5F4, #007E44, #0058A5, #004422, #000613)
• Tempered Lagoon Drift color palette (#CCF3F6, #00878F, #005358, #002326, #000203)
• Soft Orchard color palette (#D1EDE6, #467900, #9C2A00, #234100, #120100)
• Garnet Alley color palette (#CBEFF5, #005F53, #790020, #002721, #140002)
• Washed Grape Archive color palette (#C7E6F2, #007782, #6E33A6, #004047, #0B0019)
• Dusty Parlor color palette (#DAEDD2, #009283, #D10046, #006258, #130002)

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