Tempered Petrol color palette — #F6EAF3 · #5EC2D2 · #007298 · #005141 · #102F4F
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6EAF3): bright and airy, almost weightless.
- Cyan (#5EC2D2): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#102F4F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Hushed Summit color palette (#EEE6EC, #8EBBCE, #0073A3, #004E31, #03103D)
- Ancient Ridge color palette (#FBF2F7, #94D0E2, #247FB7, #006157, #293A5A)
- Lagoon Basin color palette (#DDF1E7, #00A299, #00707D, #00465E, #232553)
- Lilac Orchard color palette (#E0F4FF, #9BD1FF, #A68FE1, #006958, #173142)
- Sunlit Turquoise color palette (#F5EDE2, #BBDDC4, #00B5E2, #009285, #00324C)
- Washed Azure Atelier color palette (#C0ECFF, #009FCD, #005B72, #003247, #001C28)
- Wandering Corridor color palette (#FAF2F8, #D7D5E9, #7A9EBA, #447A6F, #445468)
- Cerulean Lagoon color palette (#F8E8F0, #008DB4, #003F6B, #002220, #02012D)
Browse the whole catalog at Explore, or see today's palette.