Tempered Petrol color palette — #DFEDE2 · #81C0C1 · #00788A · #004D3C · #001923
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DFEDE2): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#81C0C1): A luminous, dusty teal — the color of sea glass.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Cerulean Drift color palette (#EAF5EC, #9ED0E5, #1489A9, #005C53, #002337)
- Softworn Cobalt Dune color palette (#E3ECE5, #89BADB, #2C6CB5, #004956, #070E3E)
- Tempered Forest Loft color palette (#F6ECE9, #7FBEC1, #007295, #005426, #082D5A)
- Muted Denim color palette (#DEEAE0, #60A8BD, #006085, #003939, #000B1B)
- Cerulean Garden color palette (#E2F1E5, #358495, #004258, #001F1D, #000104)
- Faded Meadow color palette (#DEEBFF, #C5BFFF, #C592CD, #0E5D8C, #0D1835)
- Sunlit Forest color palette (#FCF1FB, #AAF6F5, #00A1C9, #186E30, #001E3F)
- Misty Brick color palette (#DCE9FF, #4160CE, #AD1B18, #005D21, #020528)
Browse the whole catalog at Explore, or see today's palette.