Petrol Garden color palette — #F8EAF1 · #7DBADB · #2369B5 · #004F50 · #232955
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8EAF1): bright and airy, almost weightless.
- Sky (#7DBADB): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#2369B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#232955): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Muted Petrol Loft color palette (#E7EBDC, #6EBEE7, #0072A9, #004958, #00172D)
- Cobalt Ridge color palette (#FCF2F5, #ABC9E4, #4D75C7, #005E67, #37355B)
- Abyss Chapel color palette (#F7EAF3, #74C1BC, #007586, #00532B, #003248)
- Antique Periwinkle Drift color palette (#F7EDDF, #A7DCF8, #5CABF0, #008F9D, #192D51)
- Aged Denim Ridge color palette (#EDE2E9, #519BAD, #004F74, #003129, #001134)
- Weathered Cypress color palette (#FAF3F6, #D9DEEF, #809AC4, #287C82, #49526A)
- Feathered Mulberry color palette (#E4D9EE, #C04F90, #007A7A, #83005A, #003030)
- Wandering Amber Market color palette (#F9EFFF, #F0AEA4, #C39743, #724277, #402A42)
Browse the whole catalog at Explore, or see today's palette.