Tempered Petrol Garden color palette — #FEECF8 · #4EB288 · #0673A6 · #6E3223 · #0C272D

Slate and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FEECF8): A whisper-light, dusty pink — the color of a candy shop window.
• Jade (#4EB288): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#0673A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#6E3223): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#0C272D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged retro.

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

• Moss Ridge color palette (#FDEBFD, #94A652, #007B7B, #633352, #022927)
• Washed Cobalt Dune color palette (#E9F6E8, #6ABCB9, #6476A9, #684C26, #1C2F39)
• Dusty Loft color palette (#E5FCE9, #00AEA5, #147495, #703A4D, #20424E)
• Muted Denim color palette (#F2E4D7, #009482, #004EA5, #4A2700, #001619)
• Patina Canyon color palette (#FFF2EC, #33CDA2, #448CC6, #8C5047, #314232)
• Lapis Studio color palette (#D4FEE6, #00A3B5, #5B46C7, #473F00, #001E33)
• Olive Thicket color palette (#FCEDF3, #BCB585, #5A823F, #345C66, #192C22)
• Mulberry Station color palette (#E5F6F5, #3FA370, #973F7A, #643100, #321600)

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