Petrol Bloom color palette — #EEF7FB · #D7D9F0 · #B5BBD0 · #007887 · #31434B
Built around Teal, softened by Silver — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF7FB): bright and airy, almost weightless.
- Silver (#D7D9F0): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B5BBD0): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#007887): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#31434B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Bloom 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
- Antique Canyon color palette (#E4F1F8, #BECEE2, #9B9FB4, #005F74, #1F313A)
- Antique Driftwood color palette (#F2F5FD, #E0D8E0, #B6A9A3, #77819F, #505259)
- Obsidian Canyon color palette (#D9E4EE, #006EAA, #2C214F, #021A2D, #030812)
- Weathered Navy color palette (#E7EFFB, #A4A7C5, #857899, #113079, #0D141F)
- Tempered Turquoise Field color palette (#F0F7F2, #CCDEE0, #CDC8AE, #00B8D5, #34443A)
- Tempered Orchard color palette (#E7FBEF, #73B762, #007B64, #29566F, #0D443E)
- Gentle Powder Pier color palette (#A3FCF2, #80B4F0, #9970AD, #625B30, #354B1E)
- Terracotta Atelier color palette (#EAF8FF, #008CA6, #A41E00, #5A3600, #312B00)
Browse the whole catalog at Explore, or see today's palette.