Cobalt Courtyard color palette — #E6F9FF · #54B6BA · #5085B7 · #65518A · #164223
Built around Cerulean, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#54B6BA): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#5085B7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Graphite (#65518A): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#164223): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Hushed Aqua Corridor color palette (#EDF9EF, #09D3E3, #4F8CD3, #674C8D, #083419)
- Hushed Canyon color palette (#EDF6FF, #6FABDB, #8574B5, #854567, #004045)
- Wandering Basin color palette (#EAF9F6, #7FB577, #31918C, #25648A, #463600)
- Cerulean Pier color palette (#ECF8F7, #D0DCF5, #6EAED0, #248899, #2E4B63)
- Wandering Turquoise color palette (#EDF7FC, #6DBFD2, #778BBC, #617137, #164D41)
- Patina Summit color palette (#E3FBFC, #51BB96, #128EAD, #7D5500, #2B3F14)
- Lagoon Orchard color palette (#D1EAF1, #00A4A5, #315260, #1E3137, #101A1C)
- Antique Lagoon color palette (#E8F9F8, #9CCFD2, #5B9E8F, #507B7A, #2A484A)
Browse the whole catalog at Explore, or see today's palette.