Azure Courtyard color palette — #F3F8E2 · #7CD8FF · #0097D3 · #007081 · #003658
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#7CD8FF): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0097D3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007081): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Cerulean Meadow color palette (#F6F7E4, #6DE0E1, #009FAB, #007368, #003A44)
- Powdered Canyon color palette (#FCF4E8, #64C5EE, #0074B2, #00555B, #0B3165)
- Sky Balcony color palette (#EBFAEE, #A7E4FF, #48B3FE, #0096A0, #002F6E)
- Muted Periwinkle color palette (#FFF2EA, #D8E4F8, #5498FF, #007367, #25105B)
- Worn Hollow color palette (#F3F7EE, #B6EAF1, #84A7D4, #50819B, #573E55)
- Dusty Teal Balcony color palette (#E6E6D9, #2DA6A1, #006568, #003C32, #000C0E)
- Tempered Raspberry color palette (#E3DDF2, #A45EFF, #E6196B, #0078A6, #2C1648)
- Fuchsia Lantern color palette (#F8F2FF, #F1C2FF, #FB89DF, #7F6CC9, #42284C)
Browse the whole catalog at Explore, or see today's palette.