Hushed Cocoa Courtyard color palette — #D9EBEF · #005F5D · #5F3D00 · #2C2B00 · #000202

Bronze and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D9EBEF): bright and airy, almost weightless.
• Peacock (#005F5D): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#5F3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#2C2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Hushed Cocoa 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

• Denim Bloom color palette (#CFE7FB, #005981, #3E4C00, #003317, #000204)
• Garnet Balcony color palette (#E1F2F0, #006521, #811400, #3E2100, #000300)
• Charred Onyx Lagoon color palette (#DEF4FF, #003F4A, #3F2200, #00180C, #000203)
• Soft Lapis Station color palette (#E3ECFF, #4544DA, #00633A, #003E3D, #02001D)
• Sapphire Grove color palette (#FADEF5, #2C50FF, #775E00, #574400, #000010)
• Nocturne Mulberry Villa color palette (#EFE1F1, #982648, #572A00, #1E1B00, #000301)
• Moonless Cabin color palette (#DEDCF3, #781F96, #782500, #3C2200, #040007)
• Fern Lagoon color palette (#CBE2EE, #008FAB, #827200, #2E6100, #001F27)

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