Cobalt Courtyard color palette — #FDF1F7 · #A4CBE3 · #227CC6 · #00605D · #2A3A59

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

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Sky (#A4CBE3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#227CC6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#2A3A59): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Chapel color palette (#F0F4E6, #93D1EF, #1A85BA, #005969, #00271F)
• Aged Aqua color palette (#FEF1FA, #46CBE2, #0077A4, #005748, #033265)
• Timeworn Azure color palette (#E9F9F7, #9BDFFF, #4B9FD0, #21788A, #213D56)
• Cerulean Terrace color palette (#F9F4EE, #C1EBD7, #84B8E2, #189EA8, #253B5C)
• Aged Lagoon Dune color palette (#E7DCE4, #499EA3, #005266, #003120, #001527)
• Softworn Navy Hollow color palette (#F0E2E9, #4B88AA, #003A7A, #002223, #060228)
• Muted Ultramarine Harbor color palette (#F5E9ED, #69A6CE, #034EB9, #003D41, #1A1548)
• Worn Byzantium Garden color palette (#E2F4EA, #ABA024, #854AAF, #605800, #402A50)

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