Quiet Petrol color palette — #D7F2EA · #51BFC2 · #0080A4 · #274B80 · #292A52
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D7F2EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#51BFC2): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#274B80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#292A52): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Hushed Cobalt Meadow color palette (#CEF0F6, #67B2E1, #4E80C3, #444081, #352243)
- Lagoon Study color palette (#D0EBD0, #62C1A2, #009191, #00596B, #002D48)
- Ancient Veranda color palette (#B7E9EE, #6ACBCD, #00A6CD, #146DB2, #424369)
- Linen Orchard color palette (#D0FDF0, #8DB9F0, #4C7BB6, #004166, #001A2E)
- Misty Amber color palette (#E2F8EE, #54AFDC, #BF7B45, #006E95, #3E1D00)
- Tempered Nightshade color palette (#D6F1F3, #0092B6, #0065B5, #2D09AB, #250052)
- Hushed Lagoon Study color palette (#DFF9EE, #EED7CF, #E9B6B7, #459089, #3C2E3E)
- Velvet Onyx color palette (#D2E7E3, #006E85, #00405F, #001244, #08001D)
Browse the whole catalog at Explore, or see today's palette.