Quiet Petrol color palette — #FFF0FB · #61C8DD · #0077A5 · #005749 · #0C3261
Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#61C8DD): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005749): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#0C3261): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Muted Harbor color palette (#FBEDF7, #6DCBDD, #0079B3, #00543A, #070D4E)
- Sapphire Bloom color palette (#FFF1F5, #6EC0FF, #3B64D2, #00545D, #312762)
- Tempered Turquoise Parlor color palette (#F7E9F2, #3EAECC, #005D8D, #003F38, #0C1D41)
- Hushed Alley color palette (#FFF2EC, #7DDBED, #0095DB, #007652, #182875)
- Washed Alley color palette (#FFF4E2, #97E8FA, #00BBF1, #009890, #003657)
- Tempered Cypress Delta color palette (#FBF2F6, #BBE2FD, #658EB9, #0D706F, #3A4763)
- Weathered Navy color palette (#F9E7EE, #358AB4, #003A79, #002223, #06002B)
- Quiet Magenta color palette (#EDE0E9, #D42CB8, #00642C, #006055, #3B1033)
Browse the whole catalog at Explore, or see today's palette.