Tempered Petrol color palette — #EBF7FF · #88C0DF · #4B8BB8 · #2F6699 · #394F6A
Peacock takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Sky (#88C0DF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#4B8BB8): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#2F6699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#394F6A): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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 Orchard color palette (#DAFBFF, #7BC1B8, #0A9693, #007278, #285666)
- Pewter Cabin color palette (#ECF2FF, #AFB2E1, #8A81C0, #6F579D, #4B4C6A)
- Wandering Periwinkle color palette (#E3FDE7, #8DDBF4, #5BAAE8, #5377AA, #614659)
- Ancient Lagoon Cabin color palette (#EEF6FF, #719CC8, #9C7BA9, #22877C, #324457)
- Aubergine Courtyard color palette (#D7DFF8, #8992DE, #6E5EC3, #55329C, #443163)
- Softworn Driftwood Cabin color palette (#ECF9F2, #9FC1B3, #848355, #675E34, #344E46)
- Midnight Denim color palette (#D9F0FF, #006197, #00315A, #001335, #09001B)
- Airy Nightshade Coast color palette (#C8E1FC, #63A3FF, #3063EB, #2830C5, #2F3277)
Browse the whole catalog at Explore, or see today's palette.