Softworn Petrol Station color palette — #F5EBF0 · #87BAD0 · #006BB6 · #00504D · #212B51

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5EBF0): a clean, paper-quiet neutral.
• Ash (#87BAD0): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006BB6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#212B51): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Petrol Station 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

• Petrol Canyon color palette (#E7EBDB, #75BEE0, #0073A6, #004957, #00172B)
• Ancient Cobalt Drift color palette (#FBF2F6, #A9C9E4, #4676C9, #005F65, #2F3957)
• Antique Lilac color palette (#E2F4FF, #A7BFEC, #B581D7, #006C6E, #1D314C)
• Muted Spruce Loft color palette (#F0E5EC, #63AEA9, #006271, #004121, #002333)
• Muted Azure Delta color palette (#D1E7FF, #489AE7, #00588F, #002F50, #001A30)
• Tempered Periwinkle color palette (#F4EEE4, #A3DDF8, #62ACE5, #008F9A, #0E2C5A)
• Hazy Cerulean Boulevard color palette (#D1E7E5, #0095A8, #00637A, #00406A, #2B1C54)
• Dusty Cypress color palette (#FAF3F6, #D9DEEF, #7B9BC7, #2D7C7F, #495267)

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