Cerulean Courtyard color palette — #F5F1EB · #C5E6CF · #3E99BE · #006D67 · #0A342A

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Celadon Mist (#C5E6CF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3E99BE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006D67): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#0A342A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Azure Drift color palette (#F6F1E9, #BBE8D9, #598FD7, #006A7D, #392434)
• Antique Denim color palette (#F0EAE0, #4D94AE, #004F75, #002B2D, #000410)
• Muted Cerulean Canyon color palette (#FAF2F8, #BCE3F4, #5591B9, #3C6E57, #374864)
• Ancient Drift color palette (#FAF1DB, #9C9000, #008DB0, #9B4A7C, #251D08)
• Hushed Petrol Drift color palette (#EEE8E0, #95BFA6, #0074A1, #004B4B, #00172D)
• Cobalt Alley color palette (#FBF0E0, #76C6F3, #0074C8, #00505B, #020E50)
• Antique Thicket color palette (#FCF3EE, #C0E4EF, #86C2EF, #499375, #4E3649)
• Powdered Iris color palette (#FAF1DD, #B5A459, #7E7FE8, #756400, #391C2F)

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