Tempered Petrol color palette — #EAFAF0 · #94BFB0 · #668D56 · #286A92 · #163E32
A conversation between Peacock and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#94BFB0): A luminous, dusty teal — the color of sea glass.
- Fern (#668D56): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#286A92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#163E32): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, 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
- Wandering Lagoon color palette (#EAF9F4, #9ED0C8, #6C9C81, #5D7297, #294945)
- Nightshade Field color palette (#CDF5EF, #72BD9A, #008B7B, #524AA8, #003824)
- Hushed Bloom color palette (#E7FBEE, #B8C189, #649740, #7D588C, #393F03)
- Straw Balcony color palette (#FCF5E4, #C8D98F, #709661, #466C60, #2C2813)
- Tempered Balcony color palette (#F1F7F2, #B9DBE5, #00A8BE, #007F64, #024155)
- Antique Mulberry Quarry color palette (#D9E9E1, #98AE7B, #49814C, #733E74, #1F2F00)
- Aged Olive color palette (#FFF1F6, #A49C66, #40721C, #4B4569, #203C2E)
- Pale Pine color palette (#DFF3E9, #829C67, #00752C, #06477B, #112000)
Browse the whole catalog at Explore, or see today's palette.