Petrol Garden color palette — #DCF5FF · #2297C3 · #4667AF · #003C35 · #000407
Built around Slate, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#DCF5FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#2297C3): A luminous, balanced blue — the color of open sky before noon.
- Slate (#4667AF): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Forest (#003C35): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000407): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, 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
- Feathered Cornflower color palette (#D1EBFF, #5885E5, #63549D, #003641, #000308)
- Muted Terrace color palette (#D6EAE2, #00A2A0, #00769E, #003C1A, #000403)
- Washed Delta color palette (#D8EFDF, #42AED3, #358BC2, #005657, #001217)
- Quiet Iris color palette (#C6EDF3, #42C3FE, #8976DA, #1F4F1C, #000103)
- Worn Quarry color palette (#E7F4FF, #C7DBFF, #B5ACE0, #267888, #112336)
- Powder Chapel color palette (#DDEBFB, #A0B0FF, #9C7AC0, #005067, #000B22)
- Shadow Denim Pier color palette (#D4E0ED, #0057A7, #4A0046, #001E40, #020007)
- Petal Parlor color palette (#E9F3FF, #DED5E2, #F0B4D4, #588AA5, #2B3445)
Browse the whole catalog at Explore, or see today's palette.