Quiet Petrol color palette — #D2ECF3 · #007CAA · #004A77 · #001E4F · #050031

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#D2ECF3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007CAA): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004A77): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001E4F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#050031): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Aged Navy color palette (#DBEEF5, #0097C7, #0067AB, #003F88, #11144B)
• Navy Pier color palette (#D2EDEB, #0085A6, #00517E, #040791, #290D47)
• Hushed Cypress Delta color palette (#CCF6EF, #007C81, #005360, #002A37, #000B14)
• Nightshade Thicket color palette (#D6E4EE, #0074BF, #0032B1, #190079, #0D0028)
• Gentle Cobalt color palette (#F3E6F4, #136CBD, #7B4C00, #003667, #0F0600)
• Nightshade Studio color palette (#C4E8FA, #79B5E3, #487DCA, #384BA2, #29274C)
• Orchid Meadow color palette (#F8E6F7, #A1A7DA, #A266C0, #004A66, #08052B)
• Soft Quarry color palette (#DAE0EE, #5E65D2, #4F00AA, #390060, #13001B)

Browse the whole catalog at Explore, or see today's palette.