Quiet Petrol color palette — #FBE8F2 · #67C4EB · #0069B5 · #003E3C · #010015

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#FBE8F2): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#67C4EB): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Ridge color palette (#FAE8F4, #78C6C7, #00738A, #004027, #000307)
• Quiet Lagoon color palette (#FEF1F5, #A9D1F3, #4C72DB, #005059, #0E012D)
• Washed Navy color palette (#EBDFD7, #4195B6, #004790, #002C26, #04001A)
• Pale Cobalt color palette (#E9EED9, #69BCE0, #008DC7, #006A7C, #001527)
• Plum Harbor color palette (#CDE3E7, #009282, #AB00A0, #00463E, #030003)
• Washed Teal Workshop color palette (#8DFCEA, #00B1AC, #00645F, #001F1B, #000201)
• Muted Periwinkle color palette (#FDF2F6, #D8D4DF, #6FA9F2, #007F81, #262A4F)
• Wandering Emerald Field color palette (#E9F3DE, #059425, #005A3B, #00302D, #000505)

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