Aged Cocoa Coast color palette — #D3E5E1 · #84B4BB · #5F7A8E · #663D31 · #1D341C
A conversation between Cocoa and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Silver (#D3E5E1): bright and airy, almost weightless.
- Ash (#84B4BB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5F7A8E): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#663D31): A full-bodied, dusty orange — the color of autumn markets.
- Deep Forest (#1D341C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Aged Cocoa Coast 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
- Wandering Cocoa Ridge color palette (#CAECDD, #83ABA7, #427C81, #6D3F4A, #3B1C04)
- Antique Chestnut color palette (#D6F0EB, #98C1C8, #6E8DA6, #814E41, #23402D)
- Hushed Basalt Balcony color palette (#D7EBF3, #739BBE, #5E6489, #504200, #002C0C)
- Washed Fern color palette (#ABF2F9, #89B1DB, #8273AC, #5F5500, #003822)
- Hushed Fern Chapel color palette (#E8F5F2, #7DAD91, #1E736A, #384F1C, #002313)
- Basalt Archive color palette (#DEFFE6, #BCE5D0, #79A0C2, #7D688D, #4C2A4B)
- Petrol Grove color palette (#DAF0FF, #64B3DC, #0070A1, #00374E, #000D14)
- Washed Teal Study color palette (#D4E5DF, #0AADAD, #006E7E, #00465C, #001F3A)
Browse the whole catalog at Explore, or see today's palette.