Tempered Petrol Summit color palette — #F8EBE7 · #72C0C5 · #007297 · #00532A · #182E4E

Teal and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EBE7): bright and airy, almost weightless.
• Mint Leaf (#72C0C5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00532A): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#182E4E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Sapphire color palette (#F8ECE1, #77B9E9, #4B61B3, #00504F, #32264A)
• Petrol Corridor color palette (#E0ECEA, #8DBCCC, #007988, #004C47, #001A21)
• Cobalt Market color palette (#FDF3ED, #8DD2DF, #3080B0, #076244, #4D2F48)
• Cerulean Meadow color palette (#EFF0E4, #8DD2D7, #0097A9, #006D66, #00343F)
• Patina Lagoon Archive color palette (#F5EBF2, #A4DFE4, #37B4DB, #00956C, #003051)
• Gentle Navy Lagoon color palette (#F6EADD, #5796C7, #313E95, #003030, #1B0532)
• Antique Cerulean color palette (#FBF4EE, #BAE9D5, #718BB6, #286F67, #5C3C4E)
• Feathered Terrace color palette (#E7DEEA, #9C30B6, #007052, #005254, #2C1333)

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