Tempered Cerulean Harbor color palette — #E2F2EB · #408CB2 · #27413B · #14211C · #080E0B

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

The five colors

• Cream (#E2F2EB): a clean, paper-quiet neutral.
• Cerulean (#408CB2): A luminous, balanced blue — the color of open sky before noon.
• Forest (#27413B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#14211C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#080E0B): 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

• Muted Cobalt color palette (#F7E8F2, #777BC0, #49343E, #251B21, #100A0F)
• Turquoise Cabin color palette (#EAF3FA, #64A5C6, #4A5A69, #2B3A45, #1C2327)
• Eclipse Market color palette (#F4EAF5, #0069CA, #1A274E, #18091A, #000503)
• Ancient Driftwood color palette (#FFEBF8, #8E98CE, #B0799B, #3F8490, #341F2E)
• Smoked Onyx color palette (#CBE6DD, #5D5357, #002C49, #0E1519, #000209)
• Cypress Quarry color palette (#F2F2EB, #C6E1DA, #80A78B, #307872, #263C2F)
• Worn Cobalt Balcony color palette (#FBEDF7, #A1B1E7, #C88793, #5D6DAB, #472721)
• Driftwood Pier color palette (#F3F3E6, #C3C7A3, #7D8B46, #506C2D, #31322B)

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