Quiet Petrol color palette — #FDEEE8 · #70CCD8 · #007BAC · #005534 · #01114B
Cerulean takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FDEEE8): bright and airy, almost weightless.
- Aqua (#70CCD8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005534): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#01114B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Petrol 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
- Cerulean Study color palette (#F9F0EC, #B0D1B5, #0087B3, #005F33, #0C203E)
- Aqua Boulevard color palette (#FFF4E2, #02CEE4, #007A98, #00574E, #003753)
- Soft Garden color palette (#FBF0E6, #87C4E7, #1761F8, #00524C, #1E014B)
- Denim Harbor color palette (#F6E8E1, #67A8B5, #005E8E, #003B29, #03022F)
- Glacier Basin color palette (#FFF0FB, #10E4F7, #0098D1, #007749, #163064)
- Azure Ridge color palette (#F8F0EB, #BFE7D1, #5791CE, #216C5B, #3D2234)
- Patina Byzantium color palette (#DCE6D0, #28AE80, #9800B9, #005B40, #270031)
- Nightshade Atelier color palette (#E6DDD5, #5B91B0, #0031BD, #002C29, #060017)
Browse the whole catalog at Explore, or see today's palette.