Tempered Abyss color palette — #F1E6F1 · #53808E · #004256 · #00210A · #000105

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

The five colors

• Blush (#F1E6F1): bright and airy, almost weightless.
• Slate (#53808E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#004256): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00210A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Worn Denim color palette (#EBDFEA, #4B979F, #00506F, #002E18, #000316)
• Muted Navy Balcony color palette (#F3E0E7, #587C9D, #2A2D83, #001F20, #020007)
• Softworn Petrol Corridor color palette (#C9F2E9, #4A9481, #0075A8, #362A00, #000201)
• Shadow Forest color palette (#D9ECDF, #007349, #003821, #151B21, #000C02)
• Patina Ultramarine Lantern color palette (#F8E9EE, #70A3C6, #2F4BB7, #003938, #100027)
• Wandering Dune color palette (#F1E5ED, #95B9CD, #006EB9, #004D3D, #0F0E38)
• Eclipse Aubergine color palette (#CBEEEA, #005D1D, #5B0078, #002607, #030005)
• Twilit Market color palette (#FED7E4, #605100, #3D2300, #220200, #010100)

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