Tempered Petrol color palette — #FAF5E9 · #C0AF62 · #007A9F · #705F00 · #152920
Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Gold (#C0AF62): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#007A9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#705F00): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#152920): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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
- Terracotta Station color palette (#FCF3EE, #DE9D7E, #007E88, #98420C, #1B281D)
- Ancient Olive Boulevard color palette (#F5F6ED, #AACC9C, #5981A6, #557944, #22312D)
- Softworn Olive color palette (#ECF4F1, #AABC7B, #00887A, #5B6E00, #001115)
- Patina Garnet Bloom color palette (#FFF2EF, #8DA065, #1B787C, #75354E, #3C3E37)
- Moss Terrace color palette (#F6F5EF, #BECB9D, #23A495, #748C00, #1B2816)
- Airy Moss Summit color palette (#F6F3DA, #819B00, #005A89, #3F4E00, #001322)
- Worn Lagoon color palette (#FFECB5, #A2BC81, #318C6E, #005C66, #004369)
- Muted Hollow color palette (#F9F5E8, #8C8F27, #575BA0, #772C29, #502702)
Browse the whole catalog at Explore, or see today's palette.