Tempered Petrol color palette — #FFF2EC · #41CCE2 · #0075AC · #00593C · #1D2E64
Cerulean takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#41CCE2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0075AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00593C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1D2E64): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Forest color palette (#FFF2ED, #8CD3DC, #3A80A6, #16623F, #4C2F49)
- Sapphire Canyon color palette (#FFF3E7, #76C1EF, #3561DE, #005652, #372462)
- Timeworn Chapel color palette (#DCF9F4, #7CC9D8, #007F99, #005153, #001D29)
- Hushed Cerulean color palette (#F5F7E9, #7ADCEE, #009CBC, #007274, #00394B)
- Dusty Denim color palette (#F7E8DF, #3AAFC9, #005C92, #00402F, #13184A)
- Sky Pier color palette (#FEF0FB, #9DE7F8, #1DB8FA, #009A82, #00316A)
- Sunlit Nightshade Archive color palette (#EDE2D8, #4998C6, #193CA7, #00302D, #170832)
- Timeworn Terrace color palette (#FBF3EE, #C4EFEC, #799DC2, #617652, #604B59)
Browse the whole catalog at Explore, or see today's palette.