Washed Petrol color palette — #F1F5FF · #F2CBF1 · #EA9FA2 · #0077A2 · #373A58

Cerulean and Rose Quartz set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Thistle (#F2CBF1): A whisper-light, dusty pink — the color of a candy shop window.
• Rose Quartz (#EA9FA2): A luminous, balanced red — the color of a theater curtain.
• Cerulean (#0077A2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#373A58): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Washed 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

• Cobalt Field color palette (#F2F5FF, #EED4FF, #E9ABD2, #6489C5, #3B3D55)
• Aged Mallow Courtyard color palette (#EAF7FF, #D1DEFF, #D892C3, #007F76, #29425D)
• Petrol Terrace color palette (#FFECF5, #ECCCFD, #DB9EC4, #536CAB, #3A1F2B)
• Petrol Meadow color palette (#F6F3FF, #FFD7DD, #D3A36C, #5B61AD, #5C374A)
• Linen Ember Station color palette (#E1E7FB, #D89ECC, #C36A5C, #005076, #371642)
• Ash Market color palette (#FFF0FD, #F8CFE1, #EABBA6, #75ACC7, #553846)
• Lapis Orchard color palette (#FEF0FF, #FFADBC, #D08D00, #494BEA, #582649)
• Aged Ash Orchard color palette (#F6F3FF, #EDD7DD, #B9D9BE, #8D87B7, #574B5F)

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