Cerulean Courtyard color palette — #F8F0EB · #BEE9CB · #4B97BF · #296B5D · #372438

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Mint (#BEE9CB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4B97BF): A luminous, balanced blue — the color of deep harbor water.
• Pine (#296B5D): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#372438): 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

• Ash Garden color palette (#F7F0E9, #C1EBF1, #899BC7, #3C757E, #432F3A)
• Cerulean Ridge color palette (#FDEEE8, #90DFEA, #008FBC, #00644E, #002648)
• Washed Cerulean color palette (#FAEBE2, #2D97B9, #004D7D, #002C29, #01001E)
• Timeworn Aqua color palette (#EBF9F6, #D6DEEA, #6FC9E6, #349195, #264355)
• Tempered Balcony color palette (#EFF5E2, #43BE7E, #B971A6, #2C754E, #3D1B1F)
• Patina Villa color palette (#EAEED4, #89B65A, #228A4D, #005F48, #1E351C)
• Dusty Petrol Boulevard color palette (#F7E5DB, #72C0D7, #0072A9, #004C44, #031337)
• Powder Grove color palette (#EEF6DA, #C9EFFF, #97C7EA, #757D52, #2A3525)

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