Softworn Courtyard color palette — #D2E8E1 · #0088CE · #55334A · #0F2720 · #070F0A

Built around Cerulean, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D2E8E1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0088CE): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#55334A): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#0F2720): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#070F0A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Cornflower Harbor color palette (#ECE0EA, #5E8AEE, #61434F, #362935, #131A17)
• Timeworn Cerulean Ridge color palette (#E3F2E7, #0090A3, #19493F, #14261A, #090F07)
• Cobalt Courtyard color palette (#EDF6FF, #1F91DB, #263550, #04101D, #000103)
• Worn Grove color palette (#E1F0FE, #1BA4F1, #58607E, #2D3F4E, #030F14)
• Velvet Petrol color palette (#CEE2F5, #0067A5, #122641, #09151F, #030409)
• Amethyst Workshop color palette (#FCDAEC, #754BFF, #502157, #191436, #0D040D)
• Airy Iris color palette (#F8DBEE, #7E89F3, #A68500, #648425, #3B2134)
• Hushed Harbor color palette (#F9F5E6, #9CC097, #2C9473, #326D79, #35362F)

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