Tempered Abyss color palette — #E8DCE4 · #458B9D · #004161 · #00231D · #000720

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

The five colors

• Silver (#E8DCE4): bright and airy, almost weightless.
• Cerulean (#458B9D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#004161): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000720): A deep, shadowed, dusty violet — the color of wild irises.

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

• Weathered Coast color palette (#F6E5EE, #369DBB, #004E7A, #00302C, #010C3E)
• Washed Navy color palette (#F4E7EB, #5F84A7, #1F2B90, #002127, #0C0026)
• Ancient Byzantium Dune color palette (#D5EDF9, #6B93BE, #8550C0, #003B36, #00121F)
• Cobalt Harbor color palette (#EAE1D3, #6BACBC, #007FAA, #005D5A, #000A17)
• Petrol Veranda color palette (#D6EFFF, #006A9A, #002F44, #20171A, #000A14)
• Lowlit Cocoa color palette (#C9EDFC, #005C67, #5C3300, #00262B, #0C0400)
• Hazy Sapphire Cabin color palette (#F7EBEF, #8DB7D4, #2463C6, #004F53, #28294F)
• Lowlit Garnet Lantern color palette (#C4E7EA, #00484F, #660017, #2B2300, #000203)

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