Tempered Petrol Drift color palette — #F4EAF5 · #87C3C3 · #007290 · #004115 · #000209
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F4EAF5): bright and airy, almost weightless.
- Ash (#87C3C3): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004115): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Drift 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
- Hushed Sapphire color palette (#F8E9F2, #80C1DA, #0067BD, #003F34, #020013)
- Misty Cobalt Villa color palette (#FDF1FA, #96D8E7, #0081C4, #00543C, #040037)
- Lagoon Thicket color palette (#D9E7DC, #139D9D, #00535E, #002D21, #000509)
- Weathered Chapel color palette (#F5EEE2, #71C0BF, #0093A6, #006F56, #001720)
- Sunlit Byzantium color palette (#EDDBF1, #9730AA, #006A33, #005126, #030004)
- Hushed Emerald color palette (#D7F9E7, #6C9353, #554F00, #311C00, #000201)
- Feathered Grove color palette (#E8EAFF, #8F65C7, #007B4C, #50008B, #000201)
- Pine Archive color palette (#FAF2F9, #D3D4E3, #5FB1D8, #12844A, #152E53)
Browse the whole catalog at Explore, or see today's palette.