Tempered Petrol color palette — #DFEEE3 · #007683 · #003658 · #002D32 · #000202

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

The five colors

• Honeydew (#DFEEE3): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#002D32): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Aubergine Station color palette (#D4E3DE, #006192, #260075, #001F34, #060003)
• Frosted Cobalt color palette (#DAF3FF, #007BB6, #00406E, #00173E, #0F0021)
• Washed Abyss Dune color palette (#E1E9E4, #9CAEA6, #5A8B7C, #003E4E, #03190E)
• Twilit Navy color palette (#E4EADC, #005E8B, #00247B, #2F002A, #000C1B)
• Hushed Lagoon color palette (#CFEBF0, #009888, #6600C3, #005148, #01000E)
• Linen Ultramarine color palette (#E2F8EC, #009DC3, #2A00F3, #004F63, #070D2F)
• Twilit Aubergine color palette (#F2E6F2, #004793, #3C0062, #2B0015, #000A0B)
• Linen Ultramarine color palette (#CFEDE3, #0094B4, #0071A2, #0030C6, #000918)

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