Petrol Garden color palette — #F4F6EE · #C2E6D8 · #5C8FBB · #006D88 · #573D59
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Celadon Mist (#C2E6D8): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#5C8FBB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006D88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#573D59): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Cerulean color palette (#F4F6EE, #C6E5D5, #4993BA, #006F7E, #225245)
- Cerulean Orchard color palette (#F8F0E9, #C0E6D8, #698EC7, #006C71, #3D2134)
- Dusty Cobalt color palette (#F4F7EB, #A7D6EF, #2B87C0, #006378, #004273)
- Turquoise Corridor color palette (#EDF8F7, #D5DBF2, #93C3EF, #57A3BF, #37495F)
- Sunlit Rust color palette (#FFF1F5, #9A78B4, #B75A62, #1B6EA6, #4F2B38)
- Muted Petrol Parlor color palette (#ECF1E3, #8EB6D7, #316BA6, #004C65, #122C57)
- Driftwood Garden color palette (#FFF1F4, #E3D7D2, #E7A9C8, #8C74AD, #5F444A)
- Muted Denim color palette (#ECEDDE, #87A88E, #006272, #003E3D, #00242E)
Browse the whole catalog at Explore, or see today's palette.