Tempered Onyx color palette — #DDF1F1 · #007785 · #003F59 · #002447 · #040449
A conversation between Deep Indigo and Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#DDF1F1): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007785): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003F59): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002447): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#040449): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Onyx 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
- Charred Petrol color palette (#C5EDF6, #006C88, #003C50, #001C2B, #00050C)
- Washed Navy color palette (#DAF2F8, #006F92, #00447F, #0B0068, #130040)
- Pale Cerulean color palette (#C6EFF3, #009CBE, #00749E, #00507C, #001532)
- Petrol Lagoon color palette (#DCF1E7, #00688C, #684200, #003145, #190C00)
- Pine Meadow color palette (#D8F0D6, #008154, #004740, #002529, #030D1B)
- Twilit Nightshade Canyon color palette (#DCEEF6, #006194, #1000A8, #15004F, #100020)
- Sunlit Orchid Bloom color palette (#D1E3DC, #7E9EED, #A951C9, #00484F, #001430)
- Hushed Cocoa Corridor color palette (#D8EFFE, #005279, #662F00, #412C00, #000811)
Browse the whole catalog at Explore, or see today's palette.