Abyss Field color palette — #DDE0D6 · #ADB7A6 · #799778 · #005228 · #090C02

Deep Olive and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DDE0D6): bright and airy, almost weightless.
• Ash (#ADB7A6): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#799778): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#005228): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#090C02): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Abyss Field 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 Cerulean color palette (#E7EBE4, #98A497, #498695, #004034, #020501)
• Ancient Pier color palette (#DEEDEB, #9EC0C6, #7194A6, #1D511C, #082422)
• Dusty Meadow color palette (#F5F6EF, #CAE1D7, #9FC5AF, #29712A, #0C0E04)
• Worn Denim color palette (#E1ECE7, #BCD1CB, #B69AAF, #005D7D, #071A13)
• Worn Lagoon color palette (#F0F3ED, #D0D9D5, #ABC3BE, #4B826A, #292E23)
• Dusty Field color palette (#E2EDDB, #4AB944, #008C77, #00657A, #000706)
• Twilit Boulevard color palette (#D8E5CB, #00684D, #003176, #35001F, #060300)
• Hushed Pine color palette (#FBE8CB, #00784D, #004548, #370035, #000705)

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