Petrol Garden color palette — #F2E5EB · #6DBFE5 · #2A6DB0 · #004B4A · #0D1036
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F2E5EB): bright and airy, almost weightless.
- Sky (#6DBFE5): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2A6DB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0D1036): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Cobalt Hollow color palette (#F9EFF2, #A8CCEB, #5F7BB3, #005A62, #171E3A)
- Tempered Petrol Harbor color palette (#F9ECE1, #93BCA9, #3B68A9, #005147, #2B2459)
- Aged Teal Garden color palette (#E9DBE4, #4CAEAB, #006374, #003C20, #000C16)
- Wandering Workshop color palette (#F8EFF2, #D8D0E4, #829EC6, #477280, #2E3649)
- Wandering Bloom color palette (#D8E2D7, #3D7DB4, #1E3084, #001E24, #020009)
- Gentle Lagoon color palette (#C2FDEC, #4AE7F6, #6AA0E2, #36652F, #001D23)
- Teal Canyon color palette (#9CF6E8, #00B1AD, #006359, #002C2A, #000707)
- Softworn Veranda color palette (#D0E4E6, #00957A, #B62B6C, #005343, #290012)
Browse the whole catalog at Explore, or see today's palette.