Quiet Cocoa Boulevard color palette — #E8F9F8 · #58996E · #5E5B97 · #6F3700 · #2E3F07
Bronze and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8F9F8): a clean, paper-quiet neutral.
- Fern (#58996E): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#5E5B97): A full-bodied, balanced violet — the color of twilight just after sunset.
- Bronze (#6F3700): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#2E3F07): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Cocoa Boulevard 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
- Garnet Lantern color palette (#E7F9FD, #3C9A8E, #7F4E84, #772743, #4A3400)
- Garnet Summit color palette (#EBF9F4, #839143, #1A68A1, #831924, #343D00)
- Dusty Chestnut color palette (#EAF8FB, #5AA89C, #816293, #6C4E00, #144E3C)
- Mulberry Chapel color palette (#E8F8FF, #008E9C, #872B8B, #523C00, #003934)
- Worn Station color palette (#F0F7F1, #96B9A9, #5D7E50, #29655D, #2B4A3D)
- Pewter Market color palette (#D8FEFF, #A1BBC7, #7B8EA5, #785663, #355446)
- Ancient Aubergine color palette (#C4F1F9, #008072, #6600A9, #4B2900, #132B00)
- Cobalt Field color palette (#E8F3FF, #2C7AC1, #8C3033, #004725, #002D2C)
Browse the whole catalog at Explore, or see today's palette.