Tempered Petrol color palette — #F6E5DE · #9BBDA2 · #00749F · #004E2D · #00113C
Built around Slate, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F6E5DE): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sage (#9BBDA2): A luminous, dusty teal — the color of glacier melt.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E2D): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#00113C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Balance. 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 Coast color palette (#EFE7E1, #8BBBD5, #486AA6, #004C45, #170939)
- Weathered Cobalt color palette (#F9F0EA, #AED1BB, #4A81AE, #005E46, #161D3F)
- Dusty Cerulean Drift color palette (#EFF8F1, #B1F3FB, #00A2C5, #006B5E, #002133)
- Linen Lilac color palette (#D7FADF, #9DCAFC, #B78CDA, #086738, #001A23)
- Antique Chestnut color palette (#D4F1F5, #007984, #954300, #5E4200, #000E10)
- Cerulean Basin color palette (#D1F0FF, #00A3C5, #006179, #002D3C, #00080B)
- Ancient Cerulean Loft color palette (#F7F1EB, #C2E5D8, #768DBE, #186C67, #3F2031)
- Ancient Lagoon color palette (#F2DAD4, #3D9B95, #005263, #052E02, #00050D)
Browse the whole catalog at Explore, or see today's palette.