Petrol Garden color palette — #F9F4EF · #C9E7EB · #8599C5 · #187C89 · #634A58
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Frost (#C9E7EB): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#8599C5): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#187C89): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#634A58): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Hushed Powder color palette (#F4F6F0, #C5E9ED, #89B5E8, #528FAC, #5D4C5C)
- Muted Cypress Archive color palette (#FAF4F0, #CEE4DF, #70A1B5, #268063, #305249)
- Hushed Periwinkle color palette (#EBF4F3, #D5D9EC, #779FCF, #39738E, #2A3749)
- Tempered Canyon color palette (#EEF9EC, #7EBEB8, #C78290, #00847E, #67423B)
- Ancient Petrol color palette (#F7ECE6, #85BBCB, #006FA4, #005147, #152C56)
- Ancient Cerulean Loft color palette (#E5FCE9, #AECFB0, #2F8E99, #005B5D, #004445)
- Lagoon Study color palette (#F1E6E0, #4F9DA3, #005267, #003121, #001527)
- Muted Courtyard color palette (#E8FBED, #5CA5B0, #AD7693, #AC5C4B, #334838)
Browse the whole catalog at Explore, or see today's palette.