Petrol Garden color palette — #CCE8E5 · #0E7899 · #383863 · #331D00 · #1B0D00

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#CCE8E5): A whisper-light, dusty teal — the color of sea glass.
• Teal (#0E7899): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#383863): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#331D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1B0D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns 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

• Hushed Studio color palette (#D8F3FF, #5C6A95, #55305C, #162400, #001503)
• Wandering Station color palette (#EEF1E3, #247355, #00444E, #45030F, #220E00)
• Muted Workshop color palette (#F2E1D8, #30918D, #004450, #002410, #000B13)
• Garnet Coast color palette (#DEEAFF, #6E75AC, #57457E, #630033, #290006)
• Navy Lantern color palette (#E3F0FF, #435786, #332E60, #30001D, #0F0002)
• Ancient Chapel color palette (#CBECD8, #6D89AE, #5F4B70, #373C00, #232802)
• Weathered Alley color palette (#CFFAF1, #3B94BE, #56639B, #5B4317, #011A05)
• Lowlit Navy color palette (#DEEDFF, #003F79, #4B2B00, #292400, #000206)

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