Tempered Cerulean Station color palette — #F0F7F4 · #DED4D2 · #C2C4B0 · #5598BC · #3F4B46

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DED4D2): bright and airy, almost weightless.
• Stone (#C2C4B0): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#5598BC): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#3F4B46): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Turquoise Atelier color palette (#EFF6FB, #DAD9E2, #C2B0B9, #7AB5D2, #3D4A53)
• Petrol Lantern color palette (#EFF6FC, #D9D9E4, #BFBDCD, #5A7892, #41494F)
• Patina Iris color palette (#FDF2F7, #E8D5D1, #E2B9A3, #8477D0, #4A3A43)
• Worn Denim color palette (#E0EBE8, #BFAFBA, #9D8CB6, #00578A, #001913)
• Cornflower Harbor color palette (#ECE0EA, #5E8AEE, #61434F, #362935, #131A17)
• Patina Lantern color palette (#E2FDEF, #DCB6D1, #B395BD, #7E782F, #5B5400)
• Moss Grove color palette (#FCF3EB, #D4C394, #8B9748, #846680, #573D00)
• Wandering Iris color palette (#FDF5E1, #62BEE6, #827BC4, #6E6422, #48354B)

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