Tempered Cerulean Harbor color palette — #E7F0E9 · #0093A4 · #473348 · #17211A · #0B0D09

Cerulean takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F0E9): a clean, paper-quiet neutral.
• Cerulean (#0093A4): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#473348): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#17211A): quiet, heavy and certain.
• Ink (#0B0D09): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Timeworn Lagoon Market color palette (#EAF0E2, #25996B, #2A4231, #1C2014, #0D0D08)
• Turquoise Bloom color palette (#E4F5FD, #00AFC5, #4B596C, #2F3A3F, #1C2324)
• Cellar Petrol Field color palette (#CEEBDE, #00759E, #222253, #00150D, #010501)
• Worn Indigo color palette (#EEDDE9, #606CC0, #49242D, #200F1C, #020806)
• Muted Driftwood color palette (#E3F7EF, #54A6D6, #A28C35, #87783F, #142D25)
• Dusty Amber color palette (#F8EEF8, #91B5EA, #CB8C5C, #4C72AA, #36302B)
• Driftwood Boulevard color palette (#F8F0E9, #D0C29F, #708C65, #506952, #33312A)
• Misty Hollow color palette (#E0F7DB, #71C7DF, #3893D2, #435A8E, #442938)

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