Worn Ash Courtyard color palette — #FAF4EE · #CBE7E7 · #7E9BC0 · #59785B · #624A5B

Blue Fog and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#CBE7E7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7E9BC0): A luminous, dusty blue — the color of open sky before noon.
• Pewter (#59785B): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#624A5B): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn Ash 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

• Cypress Cabin color palette (#FBF3EF, #CBE8DF, #7EA48C, #477C5D, #355147)
• Powder Meadow color palette (#FAF3F6, #D9D4E2, #A8C9F5, #73AEAF, #4A5264)
• Petrol Chapel color palette (#EBF4F3, #D3D9E9, #75A2C5, #2F758A, #213850)
• Dusty Cerulean color palette (#F4F6F0, #C9E5E6, #8DB7D7, #3A93AC, #2F524A)
• Worn Petrol Hollow color palette (#FFF2EF, #C4838F, #499A8C, #2A7C96, #543B36)
• Hushed Lagoon color palette (#FFEADF, #559E9A, #005361, #003219, #001623)
• Cocoa Dune color palette (#FFF2EF, #E1DACF, #B2C9A5, #A17B82, #7E3F26)
• Weathered Cerulean color palette (#FFF2EC, #B7D9B7, #008EA9, #006A43, #004567)

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