Tempered Cerulean color palette — #FCEFE9 · #B2D0B9 · #3786A6 · #005D48 · #002140

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

The five colors

• Cream (#FCEFE9): a clean, paper-quiet neutral.
• Pistachio (#B2D0B9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3786A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005D48): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002140): 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 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

• Cobalt Dune color palette (#F8F0E9, #AED0C3, #567CB8, #005B5F, #321429)
• Petrol Pier color palette (#F2E7DD, #93BFAD, #336CB2, #004B4C, #0F0C3D)
• Cerulean Harbor color palette (#EADDD7, #368593, #00415C, #002019, #000105)
• Wandering Turquoise color palette (#EAF9F6, #D5DEEB, #49B7CD, #007F7C, #053347)
• Aged Denim color palette (#F1E2DA, #58A9BE, #005F8A, #003A32, #000823)
• Feathered Forest color palette (#FFE2E4, #BE6DAE, #00702D, #005E5C, #27070D)
• Weathered Garden color palette (#FFEDEE, #F4C8C1, #D6A88D, #705B94, #3F1C1B)
• Hazy Summit color palette (#FAE2E6, #B478B6, #129865, #743078, #002314)

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