Cobalt Courtyard color palette — #F7EFF3 · #A8CDE4 · #497EBD · #005D4F · #151E3D
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F7EFF3): bright and airy, almost weightless.
- Sky (#A8CDE4): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#497EBD): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D4F): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#151E3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Sunlit Field color palette (#FCECF8, #4BCFE4, #007AB0, #005438, #05104B)
- Hushed Cobalt Cabin color palette (#EFF8F1, #9CCDE3, #447EA8, #005F65, #263C56)
- Aged Iris Delta color palette (#F7EFF2, #C9DFF6, #7F88C6, #006C72, #292941)
- Timeworn Parlor color palette (#EBE2EA, #4E979B, #00516B, #002E13, #000411)
- Aged Canyon color palette (#EFDDE5, #3682A3, #003680, #00201B, #010009)
- Feathered Ultramarine Field color palette (#F3E1E8, #60A5CF, #2B4DB4, #003A37, #0F0028)
- Moss Villa color palette (#E6EED6, #67A34B, #007B51, #004943, #00242C)
- Dusty Corridor color palette (#C0FEF9, #08BBAD, #00736E, #003930, #00110F)
Browse the whole catalog at Explore, or see today's palette.