Cerulean Courtyard color palette — #F5F6EE · #C7E6CB · #3799A9 · #00716B · #2E503E

Cerulean takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Celadon Mist (#C7E6CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#3799A9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00716B): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#2E503E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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

• Washed Meadow color palette (#F4F6EE, #BEE7D7, #5590BE, #106D84, #543F57)
• Tempered Drift color palette (#F4F6ED, #A8D0B9, #0084AB, #005E67, #124435)
• Cerulean Field color palette (#EAECDE, #429DB0, #005266, #002F32, #001721)
• Aged Turquoise Balcony color palette (#FBF2F9, #C4ECFA, #5DB1CF, #48896F, #304A62)
• Airy Petrol color palette (#F4F7EA, #65C6E9, #0077A3, #005460, #003755)
• Washed Teal Thicket color palette (#FBF3F0, #C3ECE3, #8FC6E2, #72A683, #563F55)
• Feathered Bloom color palette (#FFF2EC, #D68879, #73983D, #A34333, #384922)
• Sand Archive color palette (#FFF2EB, #DFDACD, #EEC18C, #A76864, #534C47)

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