Cobalt Courtyard color palette — #E1FCF8 · #77A676 · #6B88C6 · #A95D59 · #274A46
A conversation between Slate Blue and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E1FCF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#77A676): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#6B88C6): A luminous, balanced violet — the color of twilight just after sunset.
- Mocha (#A95D59): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#274A46): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Tempered Cerulean color palette (#E7FBEE, #A7985B, #3198AF, #99608B, #2F493A)
- Bronze Lagoon color palette (#E5FAFF, #52A8A5, #9C79B1, #9E6A1B, #2C474E)
- Dusty Driftwood color palette (#FFF1F6, #A6C0A8, #9D7282, #755165, #374E40)
- Dusty Peony Villa color palette (#E3F7EF, #9BA358, #BD6FA1, #9C6678, #192C25)
- Antique Market color palette (#F9F6E3, #A9BB73, #D788B0, #B87A78, #44433B)
- Ancient Indigo color palette (#C6F6F8, #00966E, #6E58DA, #9C4000, #003A29)
- Driftwood Hollow color palette (#E5FBF7, #CBDFEC, #B5ACBA, #838F5A, #385756)
- Forest Balcony color palette (#D8FEFC, #98D1CD, #5D8D63, #19602C, #174328)
Browse the whole catalog at Explore, or see today's palette.