Tempered Petrol color palette — #F6ECE7 · #75BECD · #00719B · #005142 · #162F4D
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Cyan (#75BECD): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#162F4D): A deep, shadowed, dusty blue — the color of open sky before noon.
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 Aqua Pier color palette (#D9EEEB, #5CC4D7, #007791, #004B4D, #001924)
- Cerulean Thicket color palette (#EEF0E0, #86D2E1, #0095B4, #006B6D, #003344)
- Denim Dune color palette (#F7ECE4, #76A6BF, #0056A4, #003E3E, #161944)
- Washed Atelier color palette (#FEF3EC, #A8D0BA, #2D7FB7, #006059, #4B3048)
- Washed Lagoon Alley color palette (#F7ECE6, #479F9E, #005362, #00321B, #001624)
- Wandering Blush color palette (#FFEFFA, #CCAFE0, #DC7BA6, #006093, #472938)
- Wandering Azure color palette (#FAF4F0, #C7EBE7, #67A1C7, #327D71, #5F4B5E)
- Frosted Sapphire color palette (#F3D5EE, #3A61D0, #7C5700, #225C00, #2F142C)
Browse the whole catalog at Explore, or see today's palette.