Cerulean Courtyard color palette — #F4F6EF · #C3DDE8 · #ACC1E9 · #5F9DA9 · #33554B

Storm Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C3DDE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#ACC1E9): A luminous, dusty violet — the color of a velvet chair.
• Storm Blue (#5F9DA9): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#33554B): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Softworn Loft color palette (#F4F6EF, #C7DBE7, #9CCDD3, #719D87, #5A455B)
• Ancient Turquoise color palette (#EFF7F6, #D4DCEE, #68A1C1, #3C7984, #3F5568)
• Muted Basin color palette (#F4F7E5, #ABD8BE, #0086AE, #005058, #000E19)
• Tempered Terrace color palette (#F5F6EB, #B2F4F5, #00A5B3, #006B61, #00232A)
• Wandering Powder color palette (#EDFAE6, #94DDCA, #88C2EF, #A5A768, #303D28)
• Antique Denim color palette (#E1E5D9, #78A9C7, #00598C, #002A35, #000104)
• Hushed Field color palette (#F3FAD7, #ACF5EB, #7AC19E, #41876E, #48583D)
• Dusty Teal color palette (#E8FDE0, #C3ECF3, #77C4B5, #33796C, #00362E)

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