Tempered Petrol Atelier color palette — #F4EEE4 · #97BC9F · #00819F · #005A4F · #002234
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Sage (#97BC9F): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#00819F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005A4F): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002234): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Atelier 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
- Dusty Garden color palette (#E9E4DB, #91BCAB, #0078CA, #005862, #041752)
- Patina Cerulean Ridge color palette (#EAFAED, #73DFEC, #0088A6, #005248, #000E19)
- Denim Parlor color palette (#F3E8E4, #52AEB8, #005F83, #004124, #061C48)
- Quiet Iris color palette (#CEE7D7, #89C4F0, #8496E8, #007E7A, #002738)
- Cornflower Lantern color palette (#FCF4E7, #A2D1F3, #288CF7, #007082, #1B2A70)
- Lagoon Grove color palette (#F8F5EF, #C1E6E3, #72ADCC, #008D89, #205247)
- Azure Parlor color palette (#F0E3ED, #4ED5E3, #009ED8, #00824E, #091D43)
- Patina Azure Ridge color palette (#D6F4FF, #0DA5D3, #006D87, #003643, #00080D)
Browse the whole catalog at Explore, or see today's palette.