Tempered Harbor color palette — #EEF8F2 · #62BFDF · #A47AB0 · #925931 · #42433C
Cyan and Ochre set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF8F2): a clean, paper-quiet neutral.
- Cyan (#62BFDF): A luminous, balanced blue — the color of deep harbor water.
- Dusty Rose (#A47AB0): A luminous, balanced pink — the color of neon signs at night.
- Ochre (#925931): A full-bodied, balanced gold — the color of old brass.
- Charcoal (#42433C): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Creativity, 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
- Antique Basin color palette (#F0F7F0, #5CC5C0, #7F87C3, #8F5563, #45423B)
- Tempered Hollow color palette (#FCF2F9, #9FAFE3, #C17085, #786825, #324A2E)
- Ash Courtyard color palette (#EEF6FF, #A4D0FF, #9F8FC6, #8C5776, #073F4B)
- Ash Chapel color palette (#E8F9FE, #8DD6D8, #C597C6, #958657, #244C37)
- Patina Turquoise Balcony color palette (#EEF8F0, #18AABE, #995F52, #70492B, #463F00)
- Washed Alley color palette (#D9FFF2, #A2CDFC, #83A1EE, #6B6FA5, #624455)
- Hushed Azure Delta color palette (#E9F5F0, #46A6DC, #645162, #2E3B36, #1D2320)
- Muted Sky Coast color palette (#F8F5EF, #CBE7E2, #6FBED9, #5B9289, #355147)
Browse the whole catalog at Explore, or see today's palette.