Tempered Petrol color palette — #EEF4EE · #ABCCC0 · #5F8C8B · #40677A · #1E372F
Peacock takes the lead with Storm Blue close behind in a set that reads as sophistication and grounding at first glance.
The five colors
- Cream (#EEF4EE): a clean, paper-quiet neutral.
- Stone (#ABCCC0): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5F8C8B): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#40677A): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#1E372F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Lagoon Delta color palette (#ECF9F3, #9DCCC3, #608D6F, #466D75, #3D524E)
- Pine Basin color palette (#FDEDF2, #96BEAB, #588153, #6E4564, #112E22)
- Cerulean Villa color palette (#EBF2FF, #E0D5E1, #D9B6C4, #4A8DA9, #323746)
- Softworn Villa color palette (#F5F0F5, #D2D2E8, #73A3BF, #377B56, #26374E)
- Aged Denim color palette (#D1F0FF, #8FC2E1, #608DC7, #535398, #373756)
- Wandering Cypress color palette (#E4F7ED, #87B684, #007D6A, #005278, #092808)
- Tempered Cobalt Study color palette (#EAF3FE, #98B5E0, #AB9D54, #4171B8, #133927)
- Tempered Fern Corridor color palette (#F9F4ED, #D7D3AE, #77A98A, #678673, #574E00)
Browse the whole catalog at Explore, or see today's palette.