Tempered Petrol color palette — #EDF8F1 · #D8CD90 · #4FAC9F · #5067A8 · #42304E
Slate and Turquoise set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF8F1): a clean, paper-quiet neutral.
- Pistachio (#D8CD90): A whisper-light, balanced green — the color of fresh herbs.
- Turquoise (#4FAC9F): A luminous, balanced teal — the color of sea glass.
- Slate (#5067A8): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#42304E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Antique Summit color palette (#ECF8F5, #BAD7A2, #5CA6BC, #7C589B, #562A1E)
- Wandering Teal color palette (#F1F7F2, #D5D6E5, #9BD6E9, #43A593, #375163)
- Turquoise Bloom color palette (#FAF2F8, #F8B3A7, #55BBC3, #AF7189, #4B3B54)
- Timeworn Taupe color palette (#F7F1E7, #B29A4D, #636F9C, #49476D, #3C1B28)
- Linen Mulberry Harbor color palette (#E9F9F9, #81CDAC, #6189D0, #8E3A5D, #352A00)
- Weathered Stone Dune color palette (#ECF9F3, #AEB474, #3C5C56, #1F2F29, #0A110C)
- Aubergine Orchard color palette (#E9F9F7, #77B973, #0081AC, #6F1487, #320F00)
- Airy Aubergine Atelier color palette (#E6FAF5, #74A24A, #006F83, #4A0086, #210002)
Browse the whole catalog at Explore, or see today's palette.