Tempered Petrol color palette — #DBF5FF · #006F86 · #4A4E46 · #00323A · #000C10
Teal takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DBF5FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#006F86): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#4A4E46): a grounded near-black with real depth.
- Deep Forest (#00323A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000C10): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Tempered Petrol 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
- Tempered Archive color palette (#DBF2EA, #007862, #3C3A44, #003023, #000E08)
- Timeworn Cerulean color palette (#D8E8EE, #009FB9, #006F89, #00404F, #000203)
- Softworn Petrol color palette (#D1ECFC, #00678D, #00324D, #281F26, #000A14)
- Washed Cerulean Basin color palette (#D2E3E9, #0089A3, #005060, #001C22, #000203)
- Hazy Sky color palette (#E9F8FF, #03C0F1, #006E95, #004255, #002938)
- Antique Chapel color palette (#DFEFCF, #D70046, #00755F, #051011, #000203)
- Frosted Veranda color palette (#D4EFF7, #009ACF, #7D58BF, #003C0B, #001219)
- Frosted Grove color palette (#F1F5FF, #9CB3FD, #5B6EB7, #3B3F74, #272E51)
Browse the whole catalog at Explore, or see today's palette.