Petrol Coast color palette — #FFF4E1 · #C4EBC6 · #75BE93 · #5A6BAA · #4F3A65
Built around Slate, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#C4EBC6): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#75BE93): A luminous, balanced teal — the color of sea glass.
- Slate (#5A6BAA): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#4F3A65): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Coast 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
- Washed Teal Delta color palette (#FDF6D6, #DCDFB9, #62A899, #6F6691, #4A294A)
- Timeworn Cabin color palette (#FFF3E9, #F1DBA3, #9FAF6E, #2D82AD, #33395D)
- Patina Aubergine Coast color palette (#DEEACC, #85AE8F, #327E79, #54347A, #28001E)
- Weathered Lime color palette (#FFECC2, #A4B358, #5D8868, #4C5C77, #5F3A58)
- Worn Driftwood color palette (#F7F8D6, #CAE1D2, #9BBB9E, #9F7280, #6C4646)
- Weathered Mint Archive color palette (#FFE8E4, #E3C98B, #62C890, #AB739F, #663E5E)
- Hushed Studio color palette (#FFF4DA, #C4C3A0, #84956F, #51508B, #421F2A)
- Misty Mulberry Ridge color palette (#DDFFE6, #9CDBD2, #3B9AB4, #92397C, #5A0020)
Browse the whole catalog at Explore, or see today's palette.