Tempered Petrol color palette — #F5EDE1 · #9DBA9D · #007585 · #00523F · #003344
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Sage (#9DBA9D): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007585): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Timeworn Archive color palette (#F4EEE4, #87BAD1, #016EA9, #004F54, #0D2C59)
- Patina Abyss Villa color palette (#F5E5E0, #9CBE9D, #007696, #004F1D, #001631)
- Muted Cypress Study color palette (#D8F8DE, #8FCAE9, #7995C7, #006F62, #003643)
- Wandering Dune color palette (#F9F4EE, #CCE4DE, #7EA38D, #3E7C6E, #315245)
- Muted Cobalt color palette (#FBF4E9, #ABDBC2, #0088C6, #006669, #18406F)
- Patina Lagoon Workshop color palette (#DAF1E6, #00A78F, #006D6C, #00424B, #0C273D)
- Misty Station color palette (#F4EBF4, #9FCDDA, #0094BB, #00712D, #002D5B)
- Ancient Alley color palette (#E7F2E9, #9CE2E2, #00B8D0, #009475, #003344)
Browse the whole catalog at Explore, or see today's palette.