Tempered Cerulean Courtyard color palette — #F0F7F2 · #D2DDDE · #CFBAB4 · #539BAB · #404B44

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D2DDDE): bright and airy, almost weightless.
• Stone (#CFBAB4): A luminous, dusty orange — the color of sun-warmed clay.
• Storm Blue (#539BAB): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#404B44): a grounded near-black with real depth.

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

Use it as a design system

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

• Patina Periwinkle color palette (#F0F7F3, #CFE0E0, #A6B5C0, #7FAADB, #414A45)
• Cobalt Workshop color palette (#FBF2F9, #E9D4D3, #D0B9B1, #6A82CD, #4A3A46)
• Antique Atelier color palette (#F8F5E9, #C3C9A1, #5B9F88, #5C7A68, #424700)
• Patina Azure Archive color palette (#D0ECE3, #4E96CF, #5D4554, #1E332D, #121B15)
• Denim Ridge color palette (#DAE4DF, #BFAEC0, #AC899E, #005C75, #00190E)
• Bronze Field color palette (#DAFFE5, #D7BFDB, #BE95A1, #957933, #694F00)
• Muted Aqua color palette (#FFF3E5, #4AC3DB, #7283BE, #7D5C31, #244539)
• Softworn Meadow color palette (#F2EAF2, #B19FA8, #9D7C84, #144384, #100510)

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