Abyss Terrace color palette — #E8F3F2 · #A8C0C2 · #7099A5 · #004925 · #000201

Forest and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F3F2): a clean, paper-quiet neutral.
• Ash (#A8C0C2): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7099A5): A luminous, dusty blue — the color of deep harbor water.
• Forest (#004925): A deep, shadowed, balanced teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

One click turns Abyss Terrace 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 Denim Summit color palette (#E6F0F5, #C2D2E1, #96A8BF, #00566A, #000306)
• Aged Spruce color palette (#E9EBE3, #929F88, #657665, #003519, #080B01)
• Pine Coast color palette (#E4ECEB, #95A3AD, #7A8DB2, #007920, #000C0B)
• Clover Ridge color palette (#BBE8EC, #6BB64F, #009373, #005B6F, #000201)
• Patina Villa color palette (#CBF5F9, #498286, #005876, #4A0032, #050000)
• Pine Coast color palette (#CFEBD4, #00764E, #003A3D, #1C001A, #000201)
• Tempered Lagoon color palette (#EEF7F8, #D3DDE8, #B4C5E1, #008A74, #0F2224)
• Cerulean Courtyard color palette (#ECF7FF, #D8D9E4, #BEA6AE, #0089B8, #0A2839)

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