Cerulean Courtyard color palette — #FBF4EC · #C7EFE3 · #91A4CF · #348893 · #5C3C4E

A conversation between Cerulean and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Honeydew (#C7EFE3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#91A4CF): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#348893): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5C3C4E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, 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

• Periwinkle Alley color palette (#FEF3E9, #B5E8D6, #6E9BE8, #00818A, #3A3968)
• Lagoon Hollow color palette (#FBF3EF, #CDE7E5, #91BCAD, #589389, #5F4B5D)
• Powder Study color palette (#F4F6EE, #BAEBF1, #95C1F7, #5AA2C6, #573E55)
• Petal Parlor color palette (#DEFEF3, #F0DDD4, #F3C2E7, #64A6B9, #544252)
• Soft Coast color palette (#E3FCF3, #83BFEC, #C39F4F, #3B87BB, #514018)
• Misty Veranda color palette (#AFF0F7, #73CAED, #469AD6, #486FAA, #414771)
• Cobalt Terrace color palette (#FEEBE1, #7EBDCA, #007EAF, #005B4C, #001E45)
• Chalky Cabin color palette (#FEF0FF, #67A8F1, #C58A49, #808844, #423144)

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