Worn Petrol Garden color palette — #DFF6FF · #00828C · #6F5200 · #2B3C00 · #001113

Teal and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFF6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00828C): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#6F5200): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#2B3C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001113): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Faded Terracotta color palette (#DAF9FA, #008658, #963300, #513800, #060F00)
• Worn Grove color palette (#D2EAF2, #006266, #523600, #262B00, #000707)
• Pale Sapphire color palette (#E9F3FF, #0070CF, #396400, #004236, #000D16)
• Fern Grove color palette (#EAFAED, #009EAE, #8E6D00, #3A5C00, #002E23)
• Antique Courtyard color palette (#EDF2FD, #7980B4, #397F5B, #00585D, #111D29)
• Worn Orchid Alley color palette (#F4F4FF, #BA66EB, #C34D82, #604F00, #000F17)
• Ancient Indigo Terrace color palette (#EDF1FF, #796CC0, #924A5C, #00464F, #0A1422)
• Hazy Amethyst color palette (#E1E8FF, #7221F6, #004E3D, #003039, #000619)

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