Tempered Petrol color palette — #FCEAE4 · #7EC5C9 · #007195 · #00411F · #00020B
Peacock takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FCEAE4): A whisper-light, dusty orange — the color of autumn markets.
- Mint Leaf (#7EC5C9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#007195): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00411F): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Ancient Corridor color palette (#F7ECE4, #8BBFD7, #0063C8, #003F36, #020012)
- Linen Villa color palette (#FEF3ED, #AED7BD, #0080C9, #00533E, #060036)
- Wandering Lagoon color palette (#F0E7D9, #009DA2, #005361, #002D23, #000509)
- Sunlit Brick Boulevard color palette (#DEECE1, #008E9D, #C10035, #00444C, #040000)
- Cerulean Alley color palette (#E0EDE3, #4EC4C9, #0093AA, #006F5A, #001721)
- Tempered Grove color palette (#E0FFE0, #9FD4FF, #B37DEA, #006118, #000407)
- Timeworn Mulberry color palette (#DEEEFA, #006EA2, #A10059, #7F002D, #000103)
- Patina Pine color palette (#FBF3F0, #BDE6F0, #5EB1DC, #0C8351, #1B2D50)
Browse the whole catalog at Explore, or see today's palette.