Tempered Petrol color palette — #EBF9F3 · #CFE6B6 · #7BB187 · #237E99 · #294541
Built around Cerulean, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF9F3): bright and airy, almost weightless.
- Celadon Mist (#CFE6B6): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7BB187): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#237E99): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#294541): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, 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
- Weathered Stone Summit color palette (#EFF8F2, #C1DDE9, #8BBAA9, #708E7B, #384B42)
- Petrol Studio color palette (#EBF8F8, #9BDDBB, #5AA7B5, #486BA1, #353455)
- Quiet Coast color palette (#DAFFF4, #4DBA88, #007C70, #003E7C, #00170F)
- Sand Corridor color palette (#FFF1F6, #DED28E, #80BF99, #A27CA9, #344E46)
- Mustard Thicket color palette (#FEEFE0, #B7AF53, #4B876A, #694652, #2E2D1C)
- Timeworn Chapel color palette (#FDF5DF, #9FB161, #5E8259, #42624D, #4F4A00)
- Antique Navy color palette (#DFFDF6, #6ACCB0, #009090, #2B48A1, #00272C)
- Ancient Terrace color palette (#EBF8F5, #98BB83, #415A58, #1B302C, #09110F)
Browse the whole catalog at Explore, or see today's palette.