Tempered Cerulean color palette — #FAEFEA · #C7E5CE · #5996B3 · #2B6B59 · #38243A

Slate Blue and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FAEFEA): a clean, paper-quiet neutral.
• Celadon Mist (#C7E5CE): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5996B3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#2B6B59): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#38243A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cerulean Orchard color palette (#FEEEE7, #88E1E8, #0090B6, #006549, #002744)
• Cypress Studio color palette (#FBF2F9, #C3E2EF, #6291AE, #287251, #354867)
• Cerulean Balcony color palette (#FAE3D6, #0099B9, #004E77, #002C27, #000219)
• Softworn Aqua Thicket color palette (#ECF8F6, #D5DEEA, #69CAE3, #44908F, #294352)
• Peony Lagoon color palette (#FFEDEE, #C564B5, #429351, #177D63, #2D1719)
• Ancient Grove color palette (#FFEDEE, #E5D1CA, #D3BC92, #847CA5, #452D2B)
• Dusty Petrol color palette (#F3E6DF, #5CC4D9, #0074A2, #004D40, #001435)
• Taupe Studio color palette (#FFEEE5, #D0A07A, #976759, #64433A, #2C200F)

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