Cobalt Courtyard color palette — #FFF4DA · #CEF3B0 · #66B895 · #646CAE · #523A62
Built around Slate, softened by Celadon Mist — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF4DA): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#CEF3B0): A whisper-light, balanced green — the color of fresh herbs.
- Jade (#66B895): A luminous, balanced teal — the color of sea glass.
- Slate (#646CAE): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#523A62): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cobalt 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
- Aged Teal Alley color palette (#F3FBCB, #B9E3BD, #52C2B0, #7E6EA5, #653C42)
- Worn Jade color palette (#FFF3E8, #F3E2A2, #87AD6F, #467CA4, #363B65)
- Frosted Teal Archive color palette (#E8E8BA, #6AB996, #007B7D, #553B6A, #320724)
- Softworn Basin color palette (#FFF5D5, #B1CFA7, #4F9E8B, #564F76, #361C3A)
- Dusty Parlor color palette (#EEF8B2, #99B085, #538682, #2E6976, #125370)
- Petrol Workshop color palette (#E0F6E4, #549B91, #006D87, #441B3B, #180004)
- Patina Navy Field color palette (#E5F3E3, #028A9E, #0C4989, #470D1D, #040000)
- Wandering Azure Balcony color palette (#DAFFEE, #63DEDD, #00A4D8, #893F6B, #4E1B1C)
Browse the whole catalog at Explore, or see today's palette.