Petrol Garden color palette — #C6ECEE · #008190 · #00526C · #00263B · #00091C
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C6ECEE): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#008190): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00526C): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#00263B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00091C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Cerulean Basin color palette (#D6EFEF, #009BAF, #007395, #004264, #001D3F)
- Patina Pine Basin color palette (#D4F3DB, #00875C, #004D42, #002B2A, #000F10)
- Cobalt Villa color palette (#CEE6FB, #0A82CD, #004B77, #001932, #000205)
- Antique Chestnut Field color palette (#D4F7E8, #00759E, #884200, #003C53, #110400)
- Quiet Navy Pier color palette (#D0E8F6, #0070AD, #004189, #10006C, #08002D)
- Washed Cobalt color palette (#BBE8EF, #53B9DC, #2585B7, #225284, #182B4A)
- Hushed Iris Field color palette (#D3F3E8, #91B1F8, #8D7ACC, #004C5B, #000D1F)
- Hushed Mulberry color palette (#DFF0FC, #005E8B, #8D004A, #374100, #000409)
Browse the whole catalog at Explore, or see today's palette.