Tempered Abyss color palette — #F6ECDD · #51899C · #00425F · #002223 · #000919

Navy takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6ECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Storm Blue (#51899C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00425F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#002223): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000919): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Navy Garden color palette (#E4DED4, #6384A4, #153582, #00212B, #07002B)
• Tempered Petrol color palette (#CFEBFB, #6692C4, #635DA2, #003D45, #001023)
• Washed Petrol Hollow color palette (#CBEAFE, #006F9D, #00314C, #2A2128, #000B14)
• Washed Garden color palette (#D9E2DB, #6DABBF, #007DB1, #005D5E, #000919)
• Hushed Denim Thicket color palette (#EFE5D6, #84A98C, #006177, #003F36, #002334)
• Lowlit Coast color palette (#C6EAD7, #005A73, #682800, #002531, #0F0300)
• Petrol Loft color palette (#F6EDDF, #89B7DC, #4168A2, #004D5D, #20285B)
• Washed Cerulean Alley color palette (#F9F4ED, #B0CFAF, #158796, #00624A, #004154)

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