Tempered Petrol Grove color palette — #CDE6E4 · #6EACAC · #356DA4 · #404400 · #002723

A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Silver (#CDE6E4): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#6EACAC): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#356DA4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#404400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#002723): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Wandering Abyss Cabin color palette (#C9E5FA, #7496B1, #6B567E, #0D502F, #001E2C)
• Tempered Driftwood color palette (#CDF1FA, #97A9D6, #A06C9F, #006553, #003329)
• Ash Garden color palette (#DFF7FE, #B0C3D3, #9394B1, #4B6F6C, #314A48)
• Aged Jade color palette (#D0EDDF, #58AA66, #006A5E, #004268, #001D05)
• Violet Studio color palette (#D5E6F4, #8696EF, #8453AD, #6F3F00, #3F3A0A)
• Timeworn Mulberry Loft color palette (#E0F2FF, #767B9D, #793957, #003541, #001319)
• Faded Sapphire Alley color palette (#FCEDF4, #79C7EA, #016BE3, #005249, #1B004F)
• Shadow Aubergine color palette (#D1E6E4, #305C75, #3E2566, #001F13, #000303)

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