Cobalt Courtyard color palette — #F9E5F3 · #54AFC5 · #007AC0 · #006048 · #040228

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

The five colors

• Blush (#F9E5F3): A whisper-light, dusty pink — the color of a candy shop window.
• Cyan (#54AFC5): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007AC0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006048): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#040228): A deep, shadowed, dusty violet — the color of wild irises.

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

• Patina Atelier color palette (#F3EBDE, #42A1B6, #006181, #003C39, #000A17)
• Rust Alley color palette (#D6F1FF, #008CA9, #C03F00, #005E72, #110200)
• Azure Coast color palette (#ECDCEB, #52D6DA, #00A0CD, #317F48, #031F40)
• Muted Workshop color palette (#CFE5D8, #008885, #006E7F, #00405F, #000228)
• Worn Abyss Chapel color palette (#F0E0D8, #4A8290, #00405F, #00201B, #000106)
• Linen Wisteria color palette (#CCE5F1, #5DB2FF, #C17BD2, #007E56, #000E19)
• Chestnut Lantern color palette (#C6EBF8, #007B97, #9E4B00, #664900, #000203)
• Worn Periwinkle Station color palette (#F7EBEF, #A1DCFF, #78A2F9, #009289, #2F254F)

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