Quiet Petrol color palette — #F2EADD · #4AADDE · #0069B0 · #004951 · #000B3F
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F2EADD): a clean, paper-quiet neutral.
- Cyan (#4AADDE): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0069B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#000B3F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Patina Turquoise Bloom color palette (#EBE3D7, #00B7C5, #00728B, #004B41, #001623)
- Feathered Balcony color palette (#F1E0D3, #5A98B8, #00488D, #003030, #0C0541)
- Petrol Quarry color palette (#E4F1F0, #90BED8, #006EA5, #003C4A, #000308)
- Frosted Cornflower Delta color palette (#F7E7EE, #7CB9D9, #2B83E4, #006D6E, #0D0047)
- Hazy Terrace color palette (#F6EDE0, #8ACFEE, #3F8DC5, #006B72, #112D56)
- Soft Azure Cabin color palette (#FCF4E7, #99E9FF, #1BA9E0, #008380, #144368)
- Tempered Lagoon color palette (#D1F2F0, #009B99, #00615D, #002F2F, #000303)
- Ancient Azure color palette (#CCEDE8, #51C6D9, #0098E0, #007345, #001B1B)
Browse the whole catalog at Explore, or see today's palette.