Tempered Petrol Summit color palette — #E6F7E9 · #76CCCB · #00808F · #00543F · #001E28

Built around Teal, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Aqua (#76CCCB): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00543F): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001E28): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Summit 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 Forest color palette (#FFF2EE, #6CCAC7, #007A96, #005B17, #00345F)
• Petrol Alley color palette (#E3ECE5, #8DBAD8, #2C6CB2, #004955, #071138)
• Soft Cobalt color palette (#EAF5EC, #A4D9F0, #008AD1, #006167, #002352)
• Abyss Bloom color palette (#D9E4DB, #4C828F, #00415A, #001F1E, #000104)
• Hazy Courtyard color palette (#FDF4E6, #5AE2E1, #009EB0, #007559, #003949)
• Patina Alley color palette (#D7E6DA, #62AAAE, #006374, #003A2F, #000D15)
• Chalky Turquoise color palette (#D1FCD4, #A1EACF, #00C1CE, #5F6C00, #002A19)
• Pale Moss color palette (#E3E3D1, #869900, #406D00, #004311, #001E0F)

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