Tempered Cerulean Quarry color palette — #F4F6EF · #C4DCE6 · #ABC2EC · #5B9EA9 · #33554A

A conversation between Storm Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C4DCE6): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#ABC2EC): A luminous, dusty violet — the color of a velvet chair.
• Storm Blue (#5B9EA9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#33554A): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Dusty Cabin color palette (#EFF7F6, #D4DDEE, #61A2C3, #287B88, #405567)
• Cerulean Loft color palette (#F4F7E8, #91D8EE, #0086AD, #005057, #000E19)
• Antique Stone Boulevard color palette (#EEFAE8, #C7E2D9, #B5C69D, #ABAEBE, #475344)
• Washed Cerulean color palette (#F5F6EC, #BAEBDE, #00A5B2, #006B60, #00232A)
• Muted Powder Chapel color palette (#EDFAE7, #8ADFCD, #88C1F2, #A1A771, #303D2A)
• Hushed Denim color palette (#E4E8D9, #77A9C6, #005A8A, #002A35, #000104)
• Mint Coast color palette (#F3FAD5, #B3F2E9, #7AC099, #47876F, #455539)
• Softworn Periwinkle Meadow color palette (#F3F7EA, #DAD5E0, #76B2FA, #0081AE, #173267)

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