Frosted Cocoa color palette — #E0F6DF · #AD9E3F · #905D00 · #7C2C10 · #2B3C15
Rust takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#E0F6DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#AD9E3F): A luminous, balanced green — the color of a quiet forest floor.
- Ochre (#905D00): A full-bodied, balanced gold — the color of old brass.
- Rust (#7C2C10): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2B3C15): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Frosted Cocoa 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 Chestnut color palette (#DAEEE0, #8E9E6B, #766209, #623911, #123735)
- Marigold Lantern color palette (#FFE4C3, #BE9C32, #906000, #673400, #241B00)
- Dusty Villa color palette (#F7D3DE, #A58C00, #804E00, #701500, #212E00)
- Linen Mustard color palette (#D7FAD6, #D3B04E, #B07A1D, #85532C, #1C3D2E)
- Weathered Station color palette (#FFE6F5, #C0935F, #B13E00, #762C40, #183E2B)
- Worn Bronze color palette (#FFF0F8, #90B191, #996348, #724247, #2E4238)
- Hushed Hollow color palette (#EDF8F2, #B5A400, #0065B7, #615700, #0D1E2F)
- Softworn Olive Alley color palette (#CEEEDD, #5F8149, #4C4700, #3A2200, #001B1B)
Browse the whole catalog at Explore, or see today's palette.