Petrol Garden color palette — #FEEEE7 · #77CAD8 · #007CA7 · #005343 · #001A38
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#FEEEE7): bright and airy, almost weightless.
- Sky (#77CAD8): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005343): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001A38): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Softworn Petrol color palette (#F5F7EA, #67C8D9, #007B93, #005556, #00394B)
- Soft Delta color palette (#F9F0E7, #83C3F1, #346AD8, #005157, #19034E)
- Misty Bloom color palette (#FDF1FA, #87DAE7, #0099CB, #00755D, #003362)
- Muted Harbor color palette (#F4E8E1, #7FA78E, #005F89, #003A32, #000922)
- Worn Cerulean color palette (#F7F0EC, #CBE3D7, #5E92C4, #006D68, #3C2137)
- Navy Pier color palette (#E8DED7, #507F97, #003B72, #001F1F, #01000B)
- Jade Lagoon color palette (#9BF4D4, #00B487, #00754F, #003723, #000906)
- Aged Sky Archive color palette (#EBF5D3, #5FEBE3, #1EB7FA, #606C00, #002319)
Browse the whole catalog at Explore, or see today's palette.