Tempered Petrol color palette — #F7E9E2 · #6CAFB0 · #00728A · #004D31 · #001626
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7E9E2): a clean, paper-quiet neutral.
- Turquoise (#6CAFB0): A luminous, dusty teal — the color of sea glass.
- Teal (#00728A): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D31): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#001626): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Petrol Lantern color palette (#F5E5DB, #69ACC7, #006AAF, #004A47, #050742)
- Hushed Drift color palette (#F8E9F3, #4DCCCF, #00738B, #004028, #000307)
- Weathered Market color palette (#DCF0EC, #509EA0, #00545C, #00302B, #00171D)
- Patina Cerulean Station color palette (#E1E2D2, #55C3C7, #0094A2, #006E64, #00171D)
- Forest Thicket color palette (#F6ECE7, #96D1CF, #0096AE, #007041, #00324A)
- Timeworn Azure Dune color palette (#E4E7D3, #63C0B1, #00A4C8, #686100, #002115)
- Dusty Emerald Hollow color palette (#E3F3E9, #0CA35C, #006B33, #00301B, #000401)
- Lagoon Grove color palette (#FCF3EE, #C2E7E6, #80A9D0, #008D87, #39466B)
Browse the whole catalog at Explore, or see today's palette.