Denim Courtyard color palette — #E3F2EE · #D9CBD8 · #95A4D2 · #005088 · #000302

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

The five colors

• Cream (#E3F2EE): a clean, paper-quiet neutral.
• Oat (#D9CBD8): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#95A4D2): A luminous, dusty violet — the color of wild irises.
• Peacock (#005088): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Black (#000302): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Nightshade Atelier color palette (#F3EBF2, #DBCAD5, #C198AF, #2042A5, #070006)
• Washed Navy color palette (#D7E4EF, #97A1AE, #737B91, #00395C, #00050D)
• Dusty Abyss Courtyard color palette (#E7F1E8, #C6D4C9, #8DB09C, #00595C, #000400)
• Cobalt Villa color palette (#D5E7E0, #C7AFB4, #B29492, #0079B2, #041812)
• Faded Mulberry Garden color palette (#E5E5F9, #A285D3, #854890, #601E20, #170400)
• Timeworn Harbor color palette (#FDF2F4, #E9D5CC, #D4B1B0, #814486, #17070A)
• Misty Amethyst Lagoon color palette (#FFEDFD, #71C2FF, #6094FF, #6F48F5, #00000B)
• Deep Ultramarine Loft color palette (#EFD6E8, #3100DC, #1E0A1B, #06001D, #060002)

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