Quiet Petrol color palette — #F0E0DA · #3FB4C2 · #006E9C · #004D2F · #010B3F
A conversation between Peacock and Cyan, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F0E0DA): a clean, paper-quiet neutral.
- Cyan (#3FB4C2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D2F): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Indigo (#010B3F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Linen Cobalt Drift color palette (#F4EBE5, #7ABDD2, #0078C8, #005B48, #16164A)
- Petrol Coast color palette (#F8E9F4, #75C6CF, #007193, #003F2F, #000308)
- Lapis Study color palette (#E7DED4, #69A8DE, #4B55C9, #004A4C, #1E0037)
- Wandering Lantern color palette (#D8E7DA, #00A2B0, #005266, #00302A, #001623)
- Cerulean Parlor color palette (#E0E1CD, #60C1CC, #0093A9, #006D6A, #00171F)
- Forest Cabin color palette (#F6ECE8, #ABCFAF, #0093C0, #007139, #152E51)
- Antique Azure Corridor color palette (#F0F1DE, #69C1BA, #0095EE, #645700, #001A0B)
- Timeworn Lagoon color palette (#D5F9E7, #009F79, #006647, #002B1A, #000201)
Browse the whole catalog at Explore, or see today's palette.