Cobalt Courtyard color palette — #FCF3ED · #96CFE4 · #3F7BBC · #076151 · #4E2E44
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF3ED): bright and airy, almost weightless.
- Sky (#96CFE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3F7BBC): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#076151): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#4E2E44): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Hushed Veranda color palette (#FDF2EF, #8BD4D2, #0485A4, #305F34, #1E3C5B)
- Ancient Iris Villa color palette (#FAF4ED, #BEE6DB, #7885C4, #2D6D6F, #5A3E49)
- Timeworn Basin color palette (#E9F5F4, #A3CEEA, #2D84B3, #005968, #00223B)
- Azure Drift color palette (#F4F7EA, #B7DFCB, #549FC8, #00798C, #0D4538)
- Ancient Raspberry color palette (#FFDAD9, #C63890, #007D79, #055E74, #3E2222)
- Patina Cabin color palette (#FFF1F2, #FFCBC2, #C5A759, #6D6A93, #52332D)
- Weathered Lagoon Boulevard color palette (#FAF3F6, #C7E5F8, #80B7EC, #00A09B, #2B3762)
- Lagoon Lantern color palette (#EFDCD6, #2CA1A7, #00516C, #003216, #001232)
Browse the whole catalog at Explore, or see today's palette.