Wandering Cocoa Courtyard color palette — #DBF8FE · #007D74 · #714200 · #363500 · #000D0C
Bronze and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DBF8FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007D74): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#714200): A full-bodied, balanced gold — the color of old brass.
- Espresso (#363500): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000D0C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Wandering 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
- Petrol Chapel color palette (#E5F4FF, #0080A8, #595600, #03420A, #000C11)
- Aged Mulberry Veranda color palette (#E0F8F2, #497300, #901F3E, #522300, #000E05)
- Wandering Lantern color palette (#F1F8EB, #37A27F, #AE5100, #5F4900, #1F2005)
- Basalt Boulevard color palette (#D6F4FF, #004F57, #453100, #152100, #000201)
- Misty Lapis color palette (#ECF2FF, #6950DF, #005F43, #00434A, #000D1E)
- Dusty Mulberry color palette (#FFF0FE, #305FB0, #801852, #3C3600, #002116)
- Iris Quarry color palette (#F2F4FF, #9474DA, #A7487B, #624700, #000B13)
- Timeworn Iris color palette (#ECF2FF, #8184C5, #437456, #005458, #131F2A)
Browse the whole catalog at Explore, or see today's palette.