Tempered Petrol color palette — #E0EDE3 · #91B9D5 · #156FB3 · #004A52 · #01103E

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E0EDE3): a clean, paper-quiet neutral.
• Sky (#91B9D5): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#156FB3): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#01103E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Antique Lantern color palette (#E3ECE5, #82C0C4, #00788D, #004D3F, #001925)
• Hushed Cobalt Hollow color palette (#EBF5ED, #ABCBEA, #577CB7, #00596C, #171C41)
• Hushed Sapphire Study color palette (#F6ECE5, #8CBEA9, #3564BA, #005049, #2E2455)
• Patina Quarry color palette (#EDF4EE, #D6DBEE, #7F9FC6, #467285, #2C3649)
• Dusty Cerulean Lantern color palette (#E2EDE4, #4496AB, #00506E, #002C2B, #00050D)
• Denim Market color palette (#E9EAFF, #E3B1DC, #D37B9B, #5457A3, #1D1735)
• Misty Amethyst Field color palette (#E3DBF0, #814BB7, #884E00, #005951, #110221)
• Worn Nightshade color palette (#E6EFFF, #6F76E2, #583CB3, #471778, #2A0336)

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