Petrol Garden color palette — #D6E5F0 · #007DA3 · #1F3159 · #051824 · #000608
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D6E5F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1F3159): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#051824): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000608): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Weathered Cobalt Quarry color palette (#E4F1FB, #0089C9, #353F58, #17232D, #060F13)
- Sapphire Ridge color palette (#DFEDFF, #0864F3, #372A53, #091629, #01050A)
- Ancient Lilac Grove color palette (#EEF1FF, #A18BE1, #5A5468, #353743, #1E2227)
- Dusty Cornflower Workshop color palette (#E7F1FF, #437CFF, #A17000, #6D6E00, #0D1F39)
- Hazy Harbor color palette (#F5EBF2, #69D8DF, #1A94B5, #006F4E, #003150)
- Magenta Terrace color palette (#EAE9FC, #C71BF6, #623448, #26223B, #0F111A)
- Pine Dune color palette (#D2ECDD, #91B169, #2B8553, #226064, #003128)
- Hazy Sapphire Coast color palette (#D0F2FF, #0CA8F9, #326DE3, #40449C, #2D214D)
Browse the whole catalog at Explore, or see today's palette.