Tempered Petrol color palette — #ECF7FF · #0067A6 · #7E3300 · #371200 · #000201

Built around Peacock, softened by Rust — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Peacock (#0067A6): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7E3300): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#371200): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Garnet Cabin color palette (#E6F9FF, #007277, #821A00, #471C00, #000201)
• Hazy Mulberry color palette (#E9F4FF, #007ECF, #91003B, #202900, #010200)
• Smoked Study color palette (#DFECFF, #004ECC, #462800, #1C0D00, #000201)
• Garnet Archive color palette (#D8E9E1, #004B68, #5C001E, #1C1500, #000605)
• Hushed Amethyst Summit color palette (#F2F4FF, #7833DE, #800306, #392800, #000102)
• Patina Indigo color palette (#F0F5FF, #6777FF, #7F5200, #5F3C00, #000404)
• Charred Veranda color palette (#FDE8F8, #2C3C9A, #4F0062, #221D00, #000104)
• Faded Lagoon color palette (#EEF3C4, #0092DA, #662EAA, #2C2E00, #000118)

Browse the whole catalog at Explore, or see today's palette.