Quiet Petrol color palette — #FFF0FC · #51CBDA · #0077A6 · #005937 · #192F62
Built around Cerulean, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Aqua (#51CBDA): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0077A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005937): A full-bodied, balanced teal — the color of sea glass.
- Navy (#192F62): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Misty Aqua Canyon color palette (#FEF0DB, #00D3E7, #007E9C, #005249, #001D2D)
- Weathered Sapphire Villa color palette (#FFF1F6, #5FC4F5, #0261EA, #00564F, #332467)
- Glacier Study color palette (#E5FCE9, #39E2F6, #009BBF, #007467, #003752)
- Faded Cornflower Thicket color palette (#FCF2F6, #A2D5FA, #5476E5, #006764, #443664)
- Hushed Denim color palette (#E7DBE3, #6EA9B5, #005D8B, #00402B, #101B43)
- Sky Thicket color palette (#FFF2EC, #93EAF6, #00BBF2, #009B79, #00345F)
- Antique Ash color palette (#F9F3F7, #D6E0F2, #759EC3, #427B69, #4A5365)
- Powdered Nightshade Grove color palette (#F2E6EB, #5299BD, #003BAE, #00302C, #17003F)
Browse the whole catalog at Explore, or see today's palette.