Tempered Harbor color palette — #CAEAEF · #008D7C · #004960 · #00231E · #000202

Built around Fern, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#CAEAEF): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#008D7C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004960): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00231E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Navy Hollow color palette (#C3E7F3, #007981, #00335D, #181C22, #00090B)
• Weathered Olive Loft color palette (#CCE5DF, #538C00, #004E43, #00231E, #000201)
• Denim Workshop color palette (#CDE6F1, #00A3BB, #2656A4, #003C46, #000A0B)
• Teal Bloom color palette (#D6E9ED, #00C3BE, #56748C, #374E54, #111A1A)
• Timeworn Iris Drift color palette (#D8E3F5, #7193FF, #615C80, #313D51, #060E14)
• Tempered Drift color palette (#DAEDE6, #69BB8B, #00928D, #5F6B29, #002020)
• Wandering Teal Meadow color palette (#D3F0DD, #00AFA8, #008BA3, #006190, #011547)
• Wandering Summit color palette (#E1F3F8, #00A0A4, #B96F00, #747100, #001616)

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