Onyx Ridge color palette — #F8E8EE · #89B6A0 · #477C6F · #65445A · #451D01

Espresso and Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F8E8EE): bright and airy, almost weightless.
• Sage (#89B6A0): A luminous, dusty teal — the color of glacier melt.
• Teal (#477C6F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#65445A): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#451D01): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Timeworn Boulevard color palette (#DAF0E7, #7DB5BB, #52748E, #654227, #391F2C)
• Garnet Quarry color palette (#FCDFED, #C098AD, #5C7F71, #6D385A, #391C2D)
• Tempered Pewter color palette (#E3F8E9, #9EBDB1, #618791, #795469, #243D2C)
• Ancient Lagoon color palette (#B6ECE1, #74AAAE, #2B858C, #514C6B, #493340)
• Timeworn Dune color palette (#EBF5ED, #95A879, #2C7453, #564414, #00221B)
• Tempered Chapel color palette (#F6F9CF, #C9DCB3, #68A8AB, #755A80, #543533)
• Fern Boulevard color palette (#BAF4ED, #76B8B7, #697DA2, #4F5619, #303507)
• Hushed Pewter Delta color palette (#E3F7F0, #B7D6D3, #7999AA, #537358, #324942)

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