Tempered Cerulean color palette — #E7ECDA · #3381A7 · #004062 · #001E26 · #000104

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Parchment (#E7ECDA): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#3381A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004062): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Denim Alley color palette (#D5E2F1, #0062A6, #002F53, #17111A, #000613)
• Aqua Workshop color palette (#EAEADA, #5DC7C5, #007A81, #004C42, #001A1F)
• Patina Study color palette (#EAECDF, #5FA8BB, #00627C, #00393D, #000D15)
• Lapis Thicket color palette (#D5E8FF, #6586D7, #5D51B5, #003A58, #070008)
• Obsidian Aubergine color palette (#DBEAF5, #005277, #68005A, #002133, #040003)
• Dusty Sapphire Station color palette (#EEF5E3, #83C0FF, #186CDC, #004C6E, #061345)
• Midnight Fern Grove color palette (#F8EACD, #5B5400, #322900, #150D00, #010100)
• Hushed Pewter color palette (#F2F3EA, #BEEBE0, #81A78B, #597453, #273B2F)

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