Tempered Petrol Garden color palette — #CCE5DB · #006999 · #4B5B00 · #004325 · #001D2E

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

The five colors

• Silver (#CCE5DB): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006999): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#4B5B00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004325): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#001D2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Timeworn Atelier color palette (#CFE4D4, #006F7C, #625200, #2C3F00, #00220D)
• Washed Dune color palette (#EEE0EE, #00589E, #284700, #00362B, #001820)
• Gentle Atelier color palette (#E0F4EE, #1674BD, #406F20, #005238, #002E26)
• Linen Coast color palette (#EED6E7, #4456BC, #00643B, #00413F, #101739)
• Chalky Cornflower color palette (#D0DFF7, #4A76F0, #7B7500, #005F60, #0B1A33)
• Washed Parlor color palette (#EEDED3, #A74800, #534500, #023907, #002524)
• Ancient Cobalt Bloom color palette (#FFF0FB, #6C7CC2, #35825E, #00605C, #3F2C3A)
• Lagoon Alley color palette (#FCF4E7, #A38E55, #418F79, #006C74, #403D36)

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