Cerulean Courtyard color palette — #F7F1E7 · #BEE7D4 · #5894C2 · #2B696E · #3A223A

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

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Celadon Mist (#BEE7D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#5894C2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#2B696E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#3A223A): 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

• Patina Cerulean Terrace color palette (#F6F1EA, #C6E6CA, #3C9CB1, #306A5C, #143327)
• Cobalt Meadow color palette (#F6F1EA, #A6CCED, #5C7CB1, #00586C, #30152A)
• Wandering Parlor color palette (#E2F8EE, #06B2EE, #CA7345, #176D91, #3D1F05)
• Washed Teal color palette (#F1EAE0, #58ACAC, #006371, #003B2D, #000D14)
• Airy Turquoise color palette (#CAF6F9, #00B6CE, #0080A2, #115377, #0F2944)
• Powdered Navy Field color palette (#EEE3D2, #3A92C8, #00488D, #002A33, #01001E)
• Sunlit Orchard color palette (#D3FDEE, #0097DB, #BA5C7D, #657231, #05241C)
• Wandering Studio color palette (#FBF3EE, #C0E5F5, #8EBEF9, #489182, #523447)

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