Tempered Petrol color palette — #FAF5E6 · #ADBC8B · #648D5A · #2D6992 · #37362F
Built around Peacock, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#ADBC8B): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#648D5A): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#2D6992): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#37362F): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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 Terrace color palette (#EAFAF1, #C5DA95, #6C9763, #466783, #072F26)
- Basalt Basin color palette (#F7F6EA, #C3C8A9, #619E81, #5E7198, #424700)
- Airy Pewter Orchard color palette (#FCF5E4, #B4C380, #62964C, #874F96, #373F15)
- Feathered Nightshade Canyon color palette (#EAEED7, #59C29A, #008A7E, #574AA4, #003726)
- Patina Boulevard color palette (#FFF3E7, #A39D64, #3D7224, #5C3F5F, #38352E)
- Softworn Turquoise color palette (#F9F4ED, #C2DCC4, #00A7C1, #007E67, #004157)
- Patina Drift color palette (#E6E1CD, #7F9D6B, #007436, #004583, #0E2000)
- Amber Veranda color palette (#FFDADE, #BC7BB6, #A78400, #008797, #3D1F3A)
Browse the whole catalog at Explore, or see today's palette.