Tempered Petrol color palette — #E9EBDD · #83AB93 · #0080A2 · #005C62 · #000B13

Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Parchment (#E9EBDD): bright and airy, almost weightless.
• Sage (#83AB93): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#0080A2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Cerulean color palette (#E7EAD8, #7ABBD1, #008FBE, #006B77, #001625)
• Cobalt Station color palette (#E2E5DB, #81A4C7, #3473CA, #00577C, #01002F)
• Worn Denim color palette (#F0DFD6, #639CAC, #005E8C, #003C35, #000624)
• Dusty Cerulean Basin color palette (#D7EAE8, #0C86A0, #004257, #001F22, #000103)
• Misty Terracotta color palette (#EEEBCE, #7B7100, #00785C, #9B2B00, #020200)
• Moss Corridor color palette (#E8E5D7, #99B37F, #54AF55, #726700, #0E1300)
• Antique Quarry color palette (#E8E1CF, #868440, #6E6000, #4F3C00, #030400)
• Lagoon Drift color palette (#F6F6EB, #D2E7CF, #58C5C8, #00A388, #00434A)

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