Cobalt Courtyard color palette — #F4E6DD · #7FBED3 · #1D6EB4 · #004D3E · #100B3D
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#F4E6DD): bright and airy, almost weightless.
- Sky (#7FBED3): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#1D6EB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#100B3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Weathered Forest color palette (#F3E6E1, #9EBD9E, #007794, #005018, #00162F)
- Tempered Petrol color palette (#F2EEE6, #94BCA7, #006FA3, #004F52, #002D5C)
- Ancient Cobalt Boulevard color palette (#FAF0E8, #ACD1C2, #5B7BB8, #005C56, #21183F)
- Aged Grove color palette (#F5E8DB, #73A2C8, #3F4EA5, #00393A, #110025)
- Tempered Cerulean color palette (#F4E5DF, #3999A4, #005070, #002E19, #00021A)
- Worn Garden color palette (#EADAE1, #B3287C, #006E62, #00515D, #1B000F)
- Timeworn Canyon color palette (#F8F0ED, #CBE4CB, #5D97AE, #3F6A47, #372439)
- Hushed Navy Grove color palette (#FAEDE0, #527E9C, #1A2C8E, #001F1E, #020008)
Browse the whole catalog at Explore, or see today's palette.