Cobalt Courtyard color palette — #FDF3EE · #B1CDBA · #387FAE · #006345 · #2B3860

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Pistachio (#B1CDBA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#387FAE): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006345): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2B3860): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Cerulean Basin color palette (#ECF4ED, #99D2DE, #0088AE, #005C55, #002339)
• Worn Quarry color palette (#FAF4EF, #C9E3D8, #708BB9, #007269, #474267)
• Sapphire Pier color palette (#F5EDE6, #8AB8D7, #4662B5, #00504D, #322352)
• Softworn Corridor color palette (#FAEAE1, #4A8B9C, #003F69, #002319, #05002C)
• Raspberry Alley color palette (#EAF2DE, #49A179, #A159A0, #006744, #501D50)
• Softworn Lagoon Workshop color palette (#FDF1FA, #AAEDFA, #7ABAE5, #4A9F7B, #2C395D)
• Worn Cypress Bloom color palette (#EBFDD7, #5EAF96, #00785A, #004231, #00291A)
• Worn Pine color palette (#EDE1BE, #8DA357, #048529, #005541, #013B4B)

Browse the whole catalog at Explore, or see today's palette.