Cerulean Courtyard color palette — #FEF2EE · #CCE4CE · #5194B1 · #3B6F4C · #553F55

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Celadon Mist (#CCE4CE): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#5194B1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#3B6F4C): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#553F55): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Airy Forest color palette (#FFF2EE, #90DEDF, #008CB1, #006C2B, #1F4167)
• Hushed Lagoon color palette (#F9F4ED, #C1E7DE, #5DB3C7, #008F77, #1C4E64)
• Chestnut Delta color palette (#FFF3E4, #C1975D, #7784C6, #895B00, #363F6A)
• Worn Courtyard color palette (#F1DCD3, #359FB1, #004F76, #003120, #040743)
• Cobalt Coast color palette (#FFF2EA, #6BC6E1, #0071BE, #005845, #262475)
• Hushed Parlor color palette (#E7DCD1, #5086B0, #263181, #002223, #0F0022)
• Weathered Station color palette (#FFF4DD, #A18700, #6279B2, #6A5595, #3B3831)
• Timeworn Cocoa Field color palette (#FEF4E6, #B4A67E, #896D42, #794115, #414000)

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