Worn Petrol Station color palette — #F0F8EF · #A9CABA · #5C8C85 · #3F6D7D · #3E5349

Built around Teal, softened by Storm Blue — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Stone (#A9CABA): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5C8C85): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#3F6D7D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#3E5349): A full-bodied, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Worn Villa color palette (#F5F2E9, #C8C5A8, #688F64, #58674D, #32312A)
• Dusty Olive color palette (#FDF2F6, #95BAA4, #627D4B, #5C5377, #31493B)
• Dusty Cerulean Chapel color palette (#EEF6FF, #DDD9E3, #C1ACA1, #539AAA, #494F5F)
• Denim Pier color palette (#E6F9FF, #84C5DB, #4D86B8, #435DA0, #4E5070)
• Washed Pine color palette (#F8F3F9, #D2D7EE, #6CA3B4, #527B51, #3D556D)
• Worn Forest color palette (#D5EBDF, #74976D, #006452, #004360, #00312C)
• Chalky Cypress Harbor color palette (#E5FCED, #8CB073, #007C5C, #005975, #2B4219)
• Timeworn Cobalt color palette (#EEF6FE, #8CB4DD, #B2945E, #2576BD, #38553D)

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