Tempered Cerulean Field color palette — #F4F7EB · #ABCFBB · #1783AA · #005E68 · #003F5D

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

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Pistachio (#ABCFBB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#1783AA): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003F5D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Petrol Ridge color palette (#ECF0E5, #8DBDB1, #3767AE, #004B6B, #17295C)
• Washed Lagoon color palette (#F9F0EA, #98D2E5, #1583C4, #005C54, #111F3E)
• Softworn Courtyard color palette (#F5F6EF, #CBE1DF, #6BA2B8, #2D7B82, #2D5345)
• Washed Balcony color palette (#EBF8F7, #BCE7FF, #62BEE7, #2D9CAA, #1F3E55)
• Abyss Lagoon color palette (#EBECDF, #5A9C9B, #00545A, #00302A, #00181C)
• Softworn Summit color palette (#F9DBEB, #766DBC, #A54673, #00657D, #2A2549)
• Wandering Petrol Pier color palette (#FFF1F6, #E8D0FD, #D3A2CE, #645FA6, #52333F)
• Nightshade Market color palette (#DAE6FD, #8496DE, #5E62CB, #4A2E9F, #392B5E)

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