Cerulean Courtyard color palette — #FCF1FC · #D8979A · #80A87B · #0C88A4 · #473747

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

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Rosewood Mist (#D8979A): A luminous, dusty red — the color of late-summer berries.
• Moss (#80A87B): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#0C88A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#473747): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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 Thicket color palette (#EDF9EE, #C9A46C, #80A87F, #2B85A8, #334134)
• Dusty Lagoon color palette (#F9F2FB, #D796A4, #B79567, #2F8D73, #443848)
• Dusty Petrol color palette (#FCF1F8, #D8A392, #8D9157, #326CA3, #5F3531)
• Weathered Coast color palette (#FFF2F0, #FDA5C5, #68BDD0, #678C75, #3F2C2A)
• Worn Indigo color palette (#E9FAF1, #A5A260, #439FA5, #6761B9, #21392E)
• Shell Thicket color palette (#FBF1FC, #FFA5B0, #C6B67D, #8E98BD, #443846)
• Worn Lagoon color palette (#FDF3EE, #C7766D, #808444, #496946, #433B38)
• Amber Station color palette (#FFF1F6, #D37E1A, #009F68, #006DA1, #412303)

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