Washed Cobalt Courtyard color palette — #FAF4EF · #C1E6D6 · #658AC9 · #007268 · #5A3E4D
Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Celadon Mist (#C1E6D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#658AC9): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#007268): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#5A3E4D): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Washed 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
- Hushed Periwinkle Boulevard color palette (#F9F4ED, #C3F1DE, #77AADA, #368793, #553F53)
- Cerulean Bloom color palette (#FBF3F1, #CCE4C8, #0E9AB7, #426F3F, #2B5047)
- Muted Drift color palette (#FFF2EA, #93DAF8, #277EE4, #00685A, #3B3A65)
- Antique Bloom color palette (#EDF4EE, #BCE2FD, #5E92C3, #076B76, #1F2D40)
- Frosted Turquoise Lantern color palette (#BEF7E8, #28BDC7, #0082AA, #315898, #59374D)
- Amber Balcony color palette (#E6FBF4, #5AA6E5, #DA6E31, #0063A0, #5F3722)
- Tempered Bronze color palette (#E3FDEE, #0097BC, #9A7500, #5E6A19, #243F32)
- Mallow Coast color palette (#E5FBF0, #E9D8D2, #E3AFD3, #4A8679, #3C554E)
Browse the whole catalog at Explore, or see today's palette.