Worn Cerulean Courtyard color palette — #F3E7DF · #309DBD · #004E7B · #00302C · #020942

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

The five colors

• Parchment (#F3E7DF): bright and airy, almost weightless.
• Cerulean (#309DBD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#004E7B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#020942): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Worn 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

• Dusty Courtyard color palette (#F9ECE4, #33A29D, #005360, #003218, #001623)
• Hushed Ultramarine color palette (#E8DDD4, #59A7DA, #164FB5, #003D42, #1C1841)
• Ancient Cobalt Studio color palette (#E2F0E4, #83B9CE, #008CCA, #006C6F, #00142D)
• Wandering Balcony color palette (#FBEBE2, #71BED4, #026FA3, #005147, #162C55)
• Pale Cerulean color palette (#FFF2EC, #7AE0ED, #008CB5, #006951, #15426B)
• Antique Raspberry Pier color palette (#E2E4F8, #C87ED5, #CB4F6F, #003D6C, #221233)
• Frosted Ultramarine color palette (#E4F2FD, #0157E6, #3100A5, #2E0053, #270017)
• Aged Bronze color palette (#FAE7D1, #7A6600, #4E3100, #321000, #0A0D00)

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