Hazy Cocoa Ridge color palette — #F0E5CA · #97CD88 · #009D98 · #7E3300 · #232D04

Built around Rust, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Parchment (#F0E5CA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint Leaf (#97CD88): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#009D98): A luminous, balanced teal — the color of glacier melt.
• Rust (#7E3300): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#232D04): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

Use it as a design system

One click turns Hazy 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

• Azure Lagoon color palette (#E3E0BF, #74BF9E, #009BCF, #6D4700, #212302)
• Soft Market color palette (#FEE8D6, #BCAD5E, #00A275, #821F2B, #332200)
• Emerald Pier color palette (#D3F9E5, #97BD75, #26A476, #614200, #00130C)
• Washed Turquoise color palette (#EFFDC9, #88EDD3, #00B3E9, #7A5700, #0B401F)
• Timeworn Cobalt color palette (#ECF0D4, #48A19E, #0075D3, #3B2D00, #00100A)
• Ancient Lantern color palette (#EFE7D6, #6C7F36, #544400, #3E1F00, #141900)
• Pale Amber Workshop color palette (#E3E0C3, #8FDCB2, #51CBB8, #B87E36, #252800)
• Timeworn Drift color palette (#F6F6EA, #BEE0DF, #ADC8F8, #9B8864, #43540C)

Browse the whole catalog at Explore, or see today's palette.