Tempered Cerulean Courtyard color palette — #ECF3F7 · #D5D6DE · #B3ABB5 · #528CA2 · #32373A

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

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D5D6DE): a clean, paper-quiet neutral.
• Ash (#B3ABB5): soft and architectural.
• Storm Blue (#528CA2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#32373A): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. 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

• Hushed Pewter Garden color palette (#F0F1F8, #DCD5DF, #CAB7C8, #756BA6, #2A2C33)
• Washed Lagoon color palette (#EAF4F2, #A7CCCB, #549080, #4C6670, #223535)
• Ash Workshop color palette (#E7F4FF, #BCC7D9, #8D8EAC, #735963, #304738)
• Aged Driftwood color palette (#EFF7F2, #E0D4D2, #A6A098, #6B8B78, #4D5550)
• Wandering Orchard color palette (#E7F7EA, #7AB4D3, #6675AD, #734431, #212D39)
• Softworn Veranda color palette (#E3E9ED, #818FA0, #5D6B8A, #002E43, #000103)
• Aubergine Studio color palette (#E2E3ED, #A09DAD, #827593, #441B6F, #03030E)
• Antique Denim Workshop color palette (#E4EAF1, #C5CBDA, #9DA1BE, #20539B, #10161F)

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