Quiet Petrol color palette — #DCF4FF · #007CA2 · #835B00 · #505000 · #002837
Cerulean and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DCF4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007CA2): A full-bodied, balanced blue — the color of deep harbor water.
- Ochre (#835B00): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#505000): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002837): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Dusty Cobalt Corridor color palette (#D8E3EF, #0071CF, #5C6D00, #105C2D, #002449)
- Hazy Brick Terrace color palette (#DAEBE5, #00846D, #AE3200, #6D4200, #002C23)
- Washed Parlor color palette (#D5E1EA, #0078B8, #B80059, #475B00, #00101E)
- Raspberry Courtyard color palette (#C8E3F9, #0094E2, #E70972, #617A00, #002640)
- Aged Loft color palette (#ECF7FF, #5DA1C7, #9D8934, #84763C, #334552)
- Faded Fuchsia Meadow color palette (#E9F8FF, #C1C9FF, #E574C0, #00715E, #1D3757)
- Wandering Iris color palette (#F2F5FF, #8C76D5, #009261, #1D7A61, #33374A)
- Linen Moss color palette (#C2E9CF, #83983B, #6F5900, #5C2E00, #003311)
Browse the whole catalog at Explore, or see today's palette.