Petrol Garden color palette — #F5EBF0 · #81BAD5 · #3F68A5 · #005147 · #2C2457
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F5EBF0): a clean, paper-quiet neutral.
- Sky (#81BAD5): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3F68A5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2C2457): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Patina Cobalt color palette (#FCF2F6, #A9C9E5, #5D75B8, #00605D, #3E3358)
- Weathered Harbor color palette (#EEE8DF, #91BFAB, #2670A7, #004A51, #00123A)
- Worn Spruce color palette (#F1E9F1, #6AACA8, #006276, #064106, #00213C)
- Dusty Ridge color palette (#FDF0FD, #9CDCDD, #008CB3, #056B2F, #1E416A)
- Antique Delta color palette (#EDDCE8, #509CAD, #004E7A, #003122, #080346)
- Tempered Cypress Lantern color palette (#FBF2F6, #D9DEEF, #8599C1, #397B75, #4B516C)
- Periwinkle Summit color palette (#F8ECE3, #9CDDFC, #66A5FF, #009282, #2B2652)
- Aged Teal Villa color palette (#A4F9F3, #00AEA6, #005E56, #00302C, #001821)
Browse the whole catalog at Explore, or see today's palette.