Tempered Harbor color palette — #DFF2EA · #0084BA · #740021 · #002F46 · #040000

Oxblood and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFF2EA): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0084BA): A full-bodied, balanced blue — the color of open sky before noon.
• Oxblood (#740021): A deep, shadowed, balanced red — the color of embers at dusk.
• Midnight (#002F46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged duotone, 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

• Wandering Garnet color palette (#E1EBE0, #008C89, #6D004A, #003331, #040000)
• Lowlit Denim Market color palette (#D9E3EE, #065E9D, #500020, #001E39, #060001)
• Sapphire Courtyard color palette (#EFDCED, #1D6FFA, #6F1500, #00236A, #030100)
• Twilit Corridor color palette (#EDF2D5, #0057D8, #58004B, #001201, #010008)
• Navy Basin color palette (#EBDFE7, #474BA5, #450051, #170060, #030004)
• Linen Violet Field color palette (#EBD9E0, #22A1FB, #9761F6, #940029, #040003)
• Indigo Market color palette (#E2F2FF, #5E5AE2, #5D0082, #260015, #050000)
• Navy Villa color palette (#F1E9EF, #CBB4BA, #A88987, #2D3179, #040002)

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