Worn Petrol Pier color palette — #FAF4EE · #B8E8DA · #7489BB · #0A6F7B · #593E4D

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Mint (#B8E8DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#7489BB): A luminous, dusty violet — the color of a velvet chair.
• Teal (#0A6F7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#593E4D): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Wandering Iris Lagoon color palette (#F6F1EB, #BFE6DA, #7B8AC3, #006C6D, #411F2F)
• Muted Cobalt Orchard color palette (#FFF3E8, #A0D6FC, #547EC8, #00656D, #3B3967)
• Timeworn Lagoon color palette (#FBF2F5, #D7DDFB, #94A2D4, #2E8A8A, #424466)
• Hushed Garden color palette (#FFF1F5, #A769CD, #6C863A, #4A754E, #4A2F37)
• Ancient Summit color palette (#FEF2ED, #85D4DA, #0085A6, #116247, #124439)
• Washed Harbor color palette (#FFF1F5, #F3D2D3, #EBB8AE, #92718A, #61484B)
• Aged Lagoon Atelier color palette (#F1E3DB, #00A4A5, #005363, #00321D, #001625)
• Ancient Cerulean Harbor color palette (#F3E7DF, #0C8CB6, #003D6F, #002221, #03012B)

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