Azure Courtyard color palette — #F3F7EE · #CFE8FF · #84B9FF · #009DD6 · #2B3E68
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7EE): a clean, paper-quiet neutral.
- Frost (#CFE8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#84B9FF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#009DD6): A luminous, balanced blue — the color of deep harbor water.
- Navy (#2B3E68): A deep, shadowed, dusty 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 Azure 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
- Chalky Harbor color palette (#F4F7EA, #B5F0FF, #26C8F8, #00A4AD, #004661)
- Hushed Periwinkle Meadow color palette (#FFF1F5, #D8D3DE, #8CAAFF, #008596, #352D57)
- Worn Terrace color palette (#EBF1DF, #73B8EB, #0085E6, #006889, #001134)
- Antique Grove color palette (#E0E2D5, #85CCE2, #00A0D0, #007B87, #002234)
- Petrol Basin color palette (#E6E9D9, #57AEC4, #0080A2, #005C62, #000B13)
- Timeworn Fuchsia Drift color palette (#FFE3E7, #FC78FA, #FF8064, #6298FF, #412440)
- Hushed Canyon color palette (#EFF0E2, #BADEBD, #00B9CB, #009287, #00343F)
- Dusty Glacier Chapel color palette (#F5F6EF, #C8E9E2, #87D5E5, #72AFAB, #43584C)
Browse the whole catalog at Explore, or see today's palette.