Cobalt Courtyard color palette — #FFF2EC · #68DFF5 · #0085B5 · #005344 · #000C22
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#68DFF5): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0085B5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005344): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000C22): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Cobalt Dune color palette (#FFF3E7, #9BD3FF, #5376C9, #005059, #0E0030)
- Feathered Hollow color palette (#F7ECE2, #58C4F8, #0065C3, #003E3E, #010014)
- Antique Azure Cabin color palette (#FDF3EB, #C5EDFF, #4E96DC, #006A67, #131A40)
- Hazy Dune color palette (#F1DFD6, #7DCEDF, #3B9BD6, #00815B, #0E194A)
- Dusty Denim color palette (#E9DAE5, #79A3B6, #005E8E, #003B29, #030032)
- Wandering Sky Studio color palette (#FFF2EB, #D5D8E8, #51B9F8, #008979, #1E345B)
- Magenta Boulevard color palette (#FFD1F2, #DF35C2, #006D30, #006355, #050003)
- Tempered Magenta Meadow color palette (#FFE7EA, #E535D8, #00906A, #800C79, #000A05)
Browse the whole catalog at Explore, or see today's palette.