Cobalt Courtyard color palette — #FFF1F3 · #DA92C9 · #00AEC5 · #347FD1 · #3B232E

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#DA92C9): A luminous, balanced pink — the color of a candy shop window.
• Cyan (#00AEC5): A luminous, balanced blue — the color of open sky before noon.
• Azure (#347FD1): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3B232E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Hushed Iris Station color palette (#FFF2EF, #ED9EAD, #5EA6E2, #8078CF, #3E2326)
• Sapphire Corridor color palette (#FFE9E8, #FF57AC, #0099CE, #3C50FF, #28032E)
• Wandering Hollow color palette (#FCF1F8, #A3A7EC, #40B379, #009397, #0A2E27)
• Powdered Coral Delta color palette (#FFF0FA, #E67D5D, #009C6F, #4B579F, #251520)
• Orchid Canyon color palette (#FFF2EC, #FF8773, #7485FF, #AA3DE2, #400C1F)
• Jade Balcony color palette (#F7F6E9, #B6C786, #4CB68E, #008C9F, #1D385D)
• Lagoon Alley color palette (#FDF4E2, #E1C38A, #AEA859, #00977F, #403D36)
• Dusty Cocoa Terrace color palette (#F9F4EF, #DADAD3, #9CB3B5, #D69E71, #693B00)

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