Cobalt Courtyard color palette — #FEF1F8 · #9CD9F0 · #0085D3 · #006761 · #283B75

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Powder Blue (#9CD9F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0085D3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
• Navy (#283B75): A deep, shadowed, balanced 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

• Ancient Forest Lagoon color palette (#FFF0FA, #AAD7E3, #008EA6, #006B3F, #004565)
• Softworn Corridor color palette (#FFF0F8, #84C1E0, #006EC9, #005655, #24296B)
• Cerulean Alley color palette (#F1F4E7, #96DBF7, #008EC2, #00606E, #002840)
• Tempered Terrace color palette (#FAF3F6, #DADDEE, #8399C4, #047D88, #4A5269)
• Onyx Market color palette (#F0DFEA, #6B96AD, #004E78, #00302B, #000844)
• Antique Abyss Balcony color palette (#F0E5EC, #5A8995, #004450, #002411, #000B14)
• Faded Sky color palette (#FFF2EA, #BEEDFF, #6EBEFF, #00A79C, #2C3D6A)
• Raspberry Harbor color palette (#FBE1FF, #D44368, #168A21, #006F6F, #531827)

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