Abyss Pier color palette — #F7F6E5 · #BBEACF · #67B2A5 · #4D75A4 · #2F4803

Deep Olive takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Mint (#BBEACF): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#67B2A5): A luminous, dusty teal — the color of sea glass.
• Slate (#4D75A4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#2F4803): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Antique Petrol color palette (#F8F5E8, #CFE6B7, #7AB187, #277E98, #3F4039)
• Antique Pewter Pier color palette (#F3F7E8, #ACE9F4, #77AAC4, #7C669A, #2D4638)
• Washed Orchard color palette (#FFF2EA, #BDDCA7, #54C3BC, #AF7A8F, #414F00)
• Mint Study color palette (#FFECF5, #87BC75, #288889, #69445C, #1B3030)
• Tempered Teal Meadow color palette (#F2F8EB, #7ABFA4, #4D5849, #272E20, #0E100A)
• Aubergine Archive color palette (#F3F9DD, #4BCBD9, #008AB4, #5E3795, #00272E)
• Wandering Driftwood color palette (#F6F6EF, #C2DFD5, #ABB38D, #8E8940, #484A00)
• Hushed Driftwood color palette (#EAFAEB, #C2E3DF, #A8C7C9, #A1818F, #63474E)

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