Tempered Petrol color palette — #FEF4E1 · #49AA9B · #446BA0 · #5F4B00 · #2B4433
A conversation between Slate and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Turquoise (#49AA9B): A luminous, balanced teal — the color of glacier melt.
- Slate (#446BA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#5F4B00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#2B4433): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Airy Garnet Grove color palette (#FFF2EC, #73A772, #00768F, #852B1C, #334324)
- Aged Forest Courtyard color palette (#F2F8E3, #49A6BD, #6C5E9C, #005E2F, #22453C)
- Cobalt Workshop color palette (#E7F7EA, #42AACD, #4367B6, #6C3427, #0D2537)
- Muted Delta color palette (#F1E4BD, #008D9E, #5030B7, #3D3A00, #002C44)
- Patina Cornflower color palette (#FEF4E4, #6ABEDD, #5B83D9, #8F4F40, #26443A)
- Aged Basalt color palette (#FAF5E9, #B1B28F, #4A806D, #396452, #464500)
- Sunlit Garnet color palette (#FBF1FB, #5C8AC9, #3D649A, #7F2400, #00404B)
- Tempered Mulberry color palette (#EAF2DE, #558BBD, #7A4080, #004B41, #42253A)
Browse the whole catalog at Explore, or see today's palette.