Abyss Ridge color palette — #F7E7DE · #638B73 · #004161 · #00231E · #000722

Navy and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F7E7DE): A whisper-light, dusty gold — the color of honey in a jar.
• Fern (#638B73): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#004161): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00231E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000722): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Villa color palette (#E3F2F0, #16869F, #004256, #001F22, #000103)
• Muted Balcony color palette (#F9EBE2, #6298AC, #004E7B, #00302C, #020349)
• Navy Drift color palette (#E7DDD2, #5E84AB, #263180, #002128, #0D0025)
• Nocturne Cypress Summit color palette (#C0E8DE, #00725F, #00352B, #121A1F, #000A06)
• Tempered Cobalt color palette (#E2E7D9, #31A09F, #1F76B3, #243F00, #000F0C)
• Tempered Harbor color palette (#ECDBE6, #2CB2CF, #007DB4, #005E53, #000720)
• Garnet Alley color palette (#EAF3D8, #00613A, #72004C, #002815, #120009)
• Obsidian Fern color palette (#E8DECC, #5C5D1F, #382900, #1D0C00, #020400)

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