Cerulean Courtyard color palette — #FEF3EC · #B0E7F7 · #5291BC · #2D6F65 · #563F54

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

The five colors

• Ivory (#FEF3EC): a clean, paper-quiet neutral.
• Powder Blue (#B0E7F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5291BC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#2D6F65): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#563F54): A full-bodied, dusty pink — the color of peonies in June.

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

• Aged Cerulean Balcony color palette (#FDF3EE, #C4E7C8, #3997B4, #327056, #2B5046)
• Cobalt Atelier color palette (#FEF2EC, #6FE1F8, #008ABF, #006858, #234068)
• Wandering Garden color palette (#FAF3F7, #C6EBFF, #7FAACF, #478973, #394766)
• Chalky Pier color palette (#FDF5DD, #B0A200, #7F80CB, #716700, #56374B)
• Timeworn Workshop color palette (#FAE5DB, #00929B, #004357, #002318, #000A17)
• Powdered Drift color palette (#FDE9DA, #3E9BC2, #004A88, #00302F, #0A0C39)
• Ancient Petrol Corridor color palette (#FCEBE0, #6ABEDD, #006DAF, #00504B, #1D2B53)
• Weathered Moss Delta color palette (#FFF5D7, #928D05, #6F72BD, #6F5B9C, #3A3831)

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