Petrol Garden color palette — #E5E7DA · #49AFCF · #007FA9 · #005C66 · #000B15
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#E5E7DA): bright and airy, almost weightless.
- Cyan (#49AFCF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005C66): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#000B15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Worn Garden color palette (#E2F0E5, #65AEC6, #005B83, #002B2C, #000104)
- Wandering Cerulean color palette (#E7E8DC, #7ECFDA, #00A3BE, #007D7B, #00242F)
- Tempered Navy color palette (#EFE4DE, #5B836E, #003C6E, #002019, #01000B)
- Periwinkle Terrace color palette (#ECF0E5, #ADD9FF, #62A7F8, #2189B4, #1B2D4E)
- Aqua Quarry color palette (#F5F6EC, #A4F0F0, #46C6D2, #469D8F, #1F432D)
- Airy Blush Pier color palette (#F8D7E1, #F67E8E, #D27C6F, #904F71, #1B0007)
- Aged Powder color palette (#F6F6ED, #B7E5EA, #94CAE4, #96A98A, #46584A)
- Linen Plum Chapel color palette (#FFE5ED, #C70071, #945400, #5D3DAE, #060002)
Browse the whole catalog at Explore, or see today's palette.