Quiet Petrol color palette — #E5F3E7 · #7CB7EC · #3B66B2 · #004D5F · #252951
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E5F3E7): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#7CB7EC): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#3B66B2): A full-bodied, balanced violet — the color of wild irises.
- Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#252951): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Timeworn Workshop color palette (#F3E5E9, #92B8DA, #4965B7, #004A53, #170B38)
- Aged Orchard color palette (#E6F2E8, #69C1CA, #00748C, #005145, #003248)
- Periwinkle Archive color palette (#ECF1E3, #B1D8FA, #62A7F9, #008AB9, #142C58)
- Antique Orchard color palette (#EBFAEE, #7FDEF4, #008BB7, #006762, #144365)
- Cobalt Atelier color palette (#F8ECE0, #9FD0C2, #6C84C3, #006A77, #2E2455)
- Azure Delta color palette (#E0EFE3, #069CCE, #004D7D, #002F34, #001135)
- Dusty Study color palette (#94F6FB, #00A7B6, #006068, #003134, #001E21)
- Timeworn Hollow color palette (#DEE8DF, #00929B, #004452, #00231D, #000B13)
Browse the whole catalog at Explore, or see today's palette.