Dusty Cocoa Ridge color palette — #F0F8EE · #5BA89D · #656C9C · #7C3D48 · #484416
Built around Coffee, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F8EE): a clean, paper-quiet neutral.
- Turquoise (#5BA89D): A luminous, dusty teal — the color of sea glass.
- Slate (#656C9C): A full-bodied, dusty violet — the color of twilight just after sunset.
- Coffee (#7C3D48): A full-bodied, balanced red — the color of late-summer berries.
- Deep Olive (#484416): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Dusty Cocoa Ridge 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
- Petrol Thicket color palette (#F4F3E5, #8FA666, #6F68A5, #684311, #36230A)
- Antique Parlor color palette (#F5F6EC, #83A374, #327B91, #624183, #6A2F0D)
- Hushed Canyon color palette (#EDF9EA, #B3CCBB, #76988E, #92675F, #6D4E00)
- Patina Ridge color palette (#DBF8DF, #7EBBC8, #348DB1, #176796, #5C455E)
- Dusty Lantern color palette (#EBF9F5, #538DC7, #8B467D, #6B3A00, #15431C)
- Hushed Nightshade Ridge color palette (#E4FDE9, #008E9B, #5943AD, #7A002C, #3B2F00)
- Lilac Grove color palette (#EBF9F5, #9BBE84, #A079BE, #895E3B, #593645)
- Worn Corridor color palette (#EAF6EA, #258D90, #2F4138, #1F2D20, #111815)
Browse the whole catalog at Explore, or see today's palette.