Tempered Harbor color palette — #D9E9FF · #00A1A6 · #A76100 · #3A1E00 · #070002

Ochre and Cerulean set the tone — five colors that lean into optimism and balance.

The five colors

• Frost (#D9E9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#00A1A6): A luminous, balanced teal — the color of sea glass.
• Ochre (#A76100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3A1E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#070002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Balance. Tagged neon, dark, vibrant, 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

• Soft Azure color palette (#F1DCF2, #0097DD, #B07A00, #2B1B00, #000300)
• Worn Ember color palette (#E6EFFF, #00A588, #EE3704, #520B00, #050003)
• Emerald Courtyard color palette (#FFE2E6, #AA7D00, #009E4C, #0A100B, #000200)
• Hushed Olive color palette (#DBE7E1, #A1B4B8, #7D9EAE, #7B7500, #00190F)
• Weathered Summit color palette (#D9F3E2, #947900, #007F8B, #6800C8, #060400)
• Amber Archive color palette (#E7F3E7, #B4912C, #794E00, #392300, #030100)
• Wandering Brick color palette (#E8D9F7, #007F7E, #B60038, #180500, #040000)
• Feathered Amber Station color palette (#DBE9DB, #C98C22, #00857F, #8A5D00, #000202)

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