Cerulean Courtyard color palette — #F6F1EA · #B8E8DA · #6E8EC3 · #296779 · #3A2334

Slate Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Mint (#B8E8DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6E8EC3): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#296779): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#3A2334): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Weathered Cerulean color palette (#F6F1EA, #ABE8F8, #4E97BB, #1B6B69, #0F332B)
• Muted Summit color palette (#E6DFD4, #44ACC0, #00617F, #003A36, #000C18)
• Misty Jade color palette (#F4F3DE, #8CB25F, #9E7CBF, #517025, #3C1A28)
• Tempered Cerulean color palette (#EBE3D6, #2583A7, #003F65, #001F22, #000106)
• Wandering Periwinkle Basin color palette (#ECF8F8, #D6DBF8, #80A7DA, #4782A1, #354965)
• Muted Moss Corridor color palette (#F3F5D4, #63A042, #5081C1, #9A5258, #1F200B)
• Misty Aqua Canyon color palette (#FEF0DB, #00D3E7, #007E9C, #005249, #001D2D)
• Aged Glacier color palette (#F2F4DD, #B6F3ED, #94DED8, #7B8054, #2F3029)

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