Petrol Garden color palette — #FAE9F1 · #91B7D0 · #176AB4 · #00504E · #212A54
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FAE9F1): A whisper-light, dusty rose — the color of pressed rose petals.
- Ash (#91B7D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#176AB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#212A54): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Antique Meadow color palette (#FDF1F6, #AAC9E3, #5C78A9, #005F65, #35355D)
- Wandering Petrol color palette (#E8EAE1, #96BEAB, #0073A5, #004957, #00172B)
- Weathered Teal Courtyard color palette (#F0E3EB, #5BAFAA, #006271, #004121, #002333)
- Patina Cypress color palette (#FBF2F6, #D9DEEF, #7D9BC4, #327B7E, #47526C)
- Periwinkle Coast color palette (#F9ECE3, #A8DCF4, #56A9FC, #00918E, #212955)
- Hazy Fern color palette (#D8FBFF, #76D7E2, #77A1D2, #376320, #083542)
- Softworn Balcony color palette (#F3DEE5, #5985AB, #21357A, #002127, #0B0027)
- Aged Lagoon color palette (#C3E5EA, #00937F, #A53A85, #005649, #4B0239)
Browse the whole catalog at Explore, or see today's palette.