Cocoa Archive color palette — #FDF1FC · #93B2DD · #B69260 · #5074A6 · #6A4400
A conversation between Bronze and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF1FC): a clean, paper-quiet neutral.
- Sky (#93B2DD): A luminous, dusty blue — the color of open sky before noon.
- Caramel (#B69260): A luminous, dusty gold — the color of honey in a jar.
- Slate (#5074A6): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Archive 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
- Hushed Taupe color palette (#E9FAF1, #7EBAD2, #C48969, #347C96, #524C47)
- Timeworn Boulevard color palette (#FEF1F6, #B9A5D3, #8FA167, #7E659B, #4E4D46)
- Hushed Cobalt color palette (#F9EEF9, #95B6DF, #B59763, #3773B8, #35302A)
- Wandering Cobalt color palette (#EEF6FF, #A3C8EE, #C7AE76, #4C91D1, #5C4B23)
- Aged Driftwood Basin color palette (#FFF0FD, #8098C7, #BB736E, #598358, #4F3B4C)
- Tempered Driftwood color palette (#FDF1FC, #E7D6D7, #B1AE9D, #73998A, #5D4C57)
- Tempered Garden color palette (#FFF0FA, #8187ED, #967C00, #4C3DCF, #473900)
- Tempered Bronze color palette (#FFF2EA, #CEB299, #AC7046, #894A2E, #633F00)
Browse the whole catalog at Explore, or see today's palette.