Tempered Abyss color palette — #EBDDD6 · #658A74 · #004162 · #00231E · #000623

A conversation between Navy and Ink, giving this palette its sense of nature and growth.

The five colors

• Bone (#EBDDD6): bright and airy, almost weightless.
• Fern (#658A74): A full-bodied, dusty teal — the color of sea glass.
• Navy (#004162): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#00231E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000623): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Abyss 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 Cerulean Loft color palette (#DDECEA, #398496, #004256, #001F22, #000103)
• Hushed Thicket color palette (#EDE5DE, #6583A3, #253182, #002128, #0D0025)
• Antique Onyx color palette (#F4E6DD, #6398AB, #004D7C, #00302D, #03014B)
• Dusty Cerulean Lagoon color palette (#E1E3D7, #47A0B7, #00617D, #003B40, #000B13)
• Softworn Cobalt Field color palette (#F5E9F0, #5EADC2, #007DB4, #005E52, #000720)
• Patina Ridge color palette (#EADBD1, #914D00, #4A2200, #212A21, #140600)
• Shadow Fern Courtyard color palette (#F1EBD6, #49632A, #2F2D00, #190F00, #000501)
• Inked Cocoa Market color palette (#EFE1D8, #833700, #00474E, #391400, #000709)

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