Tempered Cerulean color palette — #F2F3E9 · #B1D1BB · #2488A3 · #005B5D · #002432

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

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Pistachio (#B1D1BB): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2488A3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002432): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Cobalt Grove color palette (#FBF2F8, #A3CCDF, #1A82B0, #006151, #223B5C)
• Petrol Hollow color palette (#E7EBDF, #91BFB0, #266EAF, #00485F, #001436)
• Tempered Petrol color palette (#F1F3EB, #C3E5D7, #5D94BD, #006981, #3A213D)
• Abyss Study color palette (#EDEFE2, #59836C, #004257, #001F22, #000103)
• Navy Bloom color palette (#E8EEDF, #618EB8, #00478F, #00293B, #00011B)
• Washed Alley color palette (#F2E8D1, #9E9346, #008D92, #615600, #002123)
• Weathered Field color palette (#FCF3EF, #BFE5F0, #55B1E3, #00816D, #182F4D)
• Denim Corridor color palette (#DEE0D7, #7AA891, #006084, #003840, #000C18)

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