Weathered Courtyard color palette — #F0F7F4 · #CFE0E2 · #C0B9A8 · #5192B7 · #23322C

Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#CFE0E2): bright and airy, almost weightless.
• Stone (#C0B9A8): A luminous, dusty gold — the color of afternoon light on wheat.
• Cerulean (#5192B7): A luminous, balanced blue — the color of deep harbor water.
• Deep Forest (#23322C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Weathered 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

• Worn Periwinkle color palette (#F8F3F8, #E6D7DA, #CAC2B9, #7DA0CF, #443C44)
• Washed Indigo Boulevard color palette (#FDF1F9, #E6D5D5, #BCB3AB, #6D71D3, #311D2A)
• Petrol Quarry color palette (#EFF8F3, #E5D7DA, #BFAEB5, #0D6E8A, #313E37)
• Worn Lagoon color palette (#F2F8E7, #97E2C6, #00A08B, #247071, #202C12)
• Periwinkle Lantern color palette (#FEF0FF, #D5D3E0, #BDADAD, #92A2FF, #092041)
• Muted Aubergine Summit color palette (#E8E0E3, #CCB3BA, #AB868E, #472671, #040001)
• Indigo Study color palette (#FFF2EF, #7EBBFF, #6473D8, #77375D, #2E182D)
• Worn Archive color palette (#EEF8F5, #E8D7DC, #CCB1C7, #0064A0, #01100C)

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