Tempered Petrol Canyon color palette — #FAEBE5 · #97BC9F · #00719C · #005331 · #162C57

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

The five colors

• Cream (#FAEBE5): a clean, paper-quiet neutral.
• Sage (#97BC9F): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#162C57): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Canyon 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

• Worn Sapphire color palette (#F5EDE6, #89B9D2, #2863C5, #005049, #2D2553)
• Weathered Market color palette (#FCF3EE, #A8D0B7, #227EBC, #006249, #4D2E46)
• Muted Petrol color palette (#DFEEE1, #6FC2CD, #007792, #004C43, #001827)
• Ancient Cerulean Basin color palette (#F7EDDF, #87D3DC, #0095B6, #006D60, #00324A)
• Aged Chestnut Garden color palette (#CFE7D0, #007B7E, #8D4A00, #594400, #002526)
• Tempered Spruce color palette (#FAE7E2, #549E99, #005264, #043304, #001529)
• Airy Brick Lagoon color palette (#D0E4D5, #008FA0, #C71000, #00535E, #4B120C)
• Weathered Azure Coast color palette (#B9EFFF, #00A2D3, #005F7D, #002F3A, #001822)

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