Cerulean Courtyard color palette — #F5F6ED · #C7E6C8 · #009CA8 · #007266 · #334F3D

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

The five colors

• Ivory (#F5F6ED): a clean, paper-quiet neutral.
• Celadon Mist (#C7E6C8): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#009CA8): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007266): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#334F3D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Ash Summit color palette (#F4F6EF, #C5E7E7, #6AA0C4, #3D7887, #335149)
• Cerulean Field color palette (#E1E2D5, #449EAB, #005362, #00302F, #001720)
• Petrol Chapel color palette (#EFEFE6, #7FBEC3, #007585, #00504C, #003440)
• Gentle Balcony color palette (#FFF1F4, #BC89CA, #0099BA, #854994, #274B39)
• Timeworn Powder Harbor color palette (#FDF3F0, #C6EADF, #81C9E4, #77A67C, #573D5A)
• Aged Shell Delta color palette (#FFF1F2, #E8D7D7, #F0AEBC, #8E6E90, #5F4848)
• Weathered Olive color palette (#FBF5E1, #B0A880, #777633, #5C5217, #453E00)
• Worn Boulevard color palette (#FFF1F2, #B76B9E, #C4550A, #5461AE, #4B2F30)

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