Cobalt Courtyard color palette — #FBF4EB · #A6D4FD · #5E7BCB · #006571 · #3F3767

Built around Azure, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Powder Blue (#A6D4FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#5E7BCB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#006571): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#3F3767): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cobalt Villa color palette (#E3F7F6, #ADD4FA, #4D84CA, #005D80, #0C2150)
• Cerulean Atelier color palette (#FFF2EC, #96DCE4, #008CB4, #00694F, #004272)
• Tempered Cypress color palette (#FBF3ED, #C0E7D5, #698DB7, #18706F, #583E51)
• Dusty Petrol color palette (#FAEBE4, #78BFC2, #00748D, #005236, #01314D)
• Timeworn Cerulean Courtyard color palette (#FFF1F5, #CFE8FF, #98B3FF, #00A3B7, #40366A)
• Antique Basin color palette (#EDDBD2, #478B9C, #004160, #00231D, #00081F)
• Soft Courtyard color palette (#D1EAD1, #00B57B, #008276, #005860, #1B3A58)
• Aged Onyx color palette (#EEE0D8, #64AABF, #005D8C, #003F38, #011852)

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