Abyss Study color palette — #D8E3DD · #A8BFB5 · #70988C · #004D60 · #15231C

Deep Teal and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D8E3DD): a clean, paper-quiet neutral.
• Ash (#A8BFB5): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#70988C): A luminous, dusty teal — the color of sea glass.
• Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#15231C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Wandering Meadow color palette (#D9E3E0, #C3B3C4, #A3819F, #004970, #13231E)
• Patina Petrol Study color palette (#D2E2E9, #B8C6D3, #96A5C2, #006D7D, #132228)
• Cerulean Study color palette (#E2EEE5, #ADC5C9, #CDACBE, #0090A2, #16231A)
• Lagoon Veranda color palette (#E9EBDE, #428B63, #00523B, #003732, #161E01)
• Tempered Aubergine Lantern color palette (#F5EBEF, #DAC6CC, #B5989D, #5F418F, #38292F)
• Timeworn Petrol color palette (#F0F7F4, #D2DCDE, #D1BBC2, #317DA1, #3E4B46)
• Garnet Coast color palette (#D9E2F1, #8287C1, #5E5085, #5D2037, #471014)
• Navy Harbor color palette (#F6ECF2, #A7949D, #8C6274, #21186C, #0F060C)

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