Tempered Petrol color palette — #E2ECE4 · #8FBBCE · #007699 · #004C47 · #00182A
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Ash (#8FBBCE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00182A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Tempered Thicket color palette (#ECF4EE, #A2CEE9, #3684B3, #005B5E, #012043)
- Denim Coast color palette (#E4EEE6, #6EA4C3, #005A9D, #003840, #000034)
- Worn Navy Coast color palette (#D5E2D7, #3782A2, #003E66, #001F22, #000106)
- Cypress Chapel color palette (#EDF4EE, #D2DDF2, #72A3C0, #2D7877, #273849)
- Wandering Plum Cabin color palette (#EBE4F4, #AE2E85, #686000, #00556B, #1B0011)
- Muted Shell Drift color palette (#F3E6FF, #FFB1C1, #D59379, #6D4373, #1F0E28)
- Aged Studio color palette (#EBE2FB, #CC60B3, #007F39, #670057, #001806)
- Dusty Garnet color palette (#F6E8F0, #B17747, #7E4327, #5B1210, #001401)
Browse the whole catalog at Explore, or see today's palette.