Weathered Cocoa color palette — #FFF4E2 · #F4A69E · #B08A64 · #59785A · #6E360A
A conversation between Bronze and Rose Quartz, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Rose Quartz (#F4A69E): A luminous, balanced orange — the color of autumn markets.
- Caramel (#B08A64): A luminous, dusty gold — the color of honey in a jar.
- Pewter (#59785A): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#6E360A): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.
Use it as a design system
One click turns Weathered 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
- Mallow Lagoon color palette (#FFF4E2, #E8A5D4, #B88283, #6B7630, #58413F)
- Muted Atelier color palette (#FFF4E2, #E8B36A, #919858, #4B7A6C, #4B4741)
- Cocoa Coast color palette (#FDF4E2, #D3949D, #90704E, #395E79, #703513)
- Weathered Harbor color palette (#FFF2EC, #E8C8A8, #B8AB8D, #798F82, #3E524D)
- Aged Tangerine color palette (#FFF4E2, #FD8034, #9B7800, #00667A, #4F2C02)
- Amber Station color palette (#FFEEE3, #DC8050, #794E09, #3F3630, #26201E)
- Weathered Cerulean Balcony color palette (#EAFAEE, #FCBCCA, #D3A378, #5C90C7, #563F52)
- Misty Amber color palette (#EEDBBE, #D67600, #796900, #004F69, #341F00)
Browse the whole catalog at Explore, or see today's palette.