Tempered Abyss color palette — #E8F1E9 · #408298 · #00405E · #001F20 · #000105

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F1E9): a clean, paper-quiet neutral.
• Slate (#408298): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#00405E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Navy Courtyard color palette (#EEE2DB, #3C8CA4, #003E6E, #00231B, #06002B)
• Softworn Denim Quarry color palette (#E6E0D8, #4F9EB8, #005F89, #003B3C, #00091A)
• Ancient Orchard color palette (#E2ECE4, #9BB7D0, #3669B9, #004959, #0C0D3D)
• Cerulean Delta color palette (#ECF4EE, #A8CFDA, #1B8B9B, #005E48, #002531)
• Aubergine Corridor color palette (#F1E1FD, #B3777B, #9F4200, #53004E, #0B0002)
• Chestnut Meadow color palette (#F9DEEA, #6D4A1E, #441E00, #210300, #020100)
• Mulberry Orchard color palette (#ECE0FA, #85105F, #00482E, #3C0028, #000201)
• Shadow Mulberry color palette (#FAE4EA, #9A355B, #5A002B, #201C0C, #160006)

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