Cobalt Courtyard color palette — #EEDCF0 · #1C6CBC · #006A3E · #003669 · #000B04
Royal Blue takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Thistle (#EEDCF0): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#1C6CBC): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006A3E): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003669): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Ancient Pier color palette (#E3F3EB, #007698, #436400, #003C4F, #040A00)
- Ancient Nightshade color palette (#FBE4F5, #5063B7, #006755, #1F00A1, #000B07)
- Hazy Pier color palette (#F3D7E2, #7B4EBA, #00646D, #470081, #000A0C)
- Mulberry Loft color palette (#E0E7FF, #3B47B8, #84006C, #00444B, #010019)
- Gentle Summit color palette (#D4E1ED, #008DDA, #008D34, #005789, #002207)
- Wandering Courtyard color palette (#D5E4FC, #3A5CE3, #824900, #141B9F, #2B1400)
- Shadow Aubergine Balcony color palette (#EFDCE2, #612E8B, #00444D, #2D004A, #000102)
- Powdered Boulevard color palette (#F1DEE7, #866EE8, #008380, #5300C0, #001B1A)
Browse the whole catalog at Explore, or see today's palette.