Tempered Cerulean color palette — #F0F6FA · #D8D9E1 · #B5A8AD · #428DA5 · #49545B

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D8D9E1): bright and airy, almost weightless.
• Ash (#B5A8AD): soft and architectural.
• Cerulean (#428DA5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#49545B): quiet, heavy and certain.

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

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

• Wandering Cerulean color palette (#ECF3F6, #D6D7E1, #BCACB8, #518D9A, #31373A)
• Aged Atelier color palette (#ECF8F5, #A6C9C7, #598B8F, #4B6B77, #3C5251)
• Wandering Chestnut color palette (#EDF9EF, #85AEC8, #6475A7, #814835, #374A5B)
• Onyx Chapel color palette (#E7F0F6, #919BA6, #63718C, #002F43, #000A15)
• Ancient Denim Villa color palette (#F2F5FB, #DBD7E1, #B0B1C6, #415FAC, #353B44)
• Iris Archive color palette (#EDF6FF, #CBE2F4, #9DCFFF, #928DD3, #37475D)
• Worn Nightshade Lagoon color palette (#E8EBF1, #B5B8C9, #8D8AA4, #353493, #161E33)
• Chalky Grape color palette (#F4F4FF, #D5CFE5, #AF9FBC, #8200B9, #312F4C)

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