Onyx Ridge color palette — #FFF1F1 · #96BA90 · #6F4058 · #4B1835 · #2D1D1C

Espresso takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Sage (#96BA90): A luminous, dusty green — the color of a quiet forest floor.
• Cocoa (#6F4058): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#4B1835): A deep, shadowed, balanced rose — the color of a warm blush.
• Onyx (#2D1D1C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Muted Market color palette (#F7EFF9, #CCAF73, #87344C, #411723, #100A11)
• Cocoa Courtyard color palette (#FCF3EF, #C8C19D, #7D514B, #5F2403, #2C2317)
• Ancient Coast color palette (#FFF3E9, #AEA455, #6F3600, #3E1C00, #191200)
• Celadon Harbor color palette (#F7F3FF, #BEE499, #B582A6, #685D78, #231F29)
• Mulberry Terrace color palette (#FDF2F1, #D99AAE, #5C7A30, #A12B5F, #262511)
• Softworn Moss color palette (#F8DED6, #7CA21A, #720022, #39000D, #150400)
• Bronze Lantern color palette (#FFF3E3, #C3828C, #856400, #374985, #433B38)
• Bronze Ridge color palette (#FDF4E8, #A07731, #715B00, #004760, #382318)

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