Frosted Petrol Pier color palette — #E4F3E9 · #70B59F · #329B96 · #326AAE · #181F54
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F3E9): A whisper-light, dusty teal — the color of sea glass.
- Jade (#70B59F): A luminous, dusty teal — the color of sea glass.
- Fern (#329B96): A luminous, balanced teal — the color of sea glass.
- Slate (#326AAE): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#181F54): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Frosted 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
- Muted Cerulean Bloom color palette (#CFF3ED, #60AEB3, #3196B1, #5D5B8F, #341D51)
- Timeworn Onyx Drift color palette (#E5F4EB, #669E90, #008988, #355686, #110E46)
- Hushed Petrol color palette (#E9ECD1, #96AC82, #5F9064, #007082, #002A3B)
- Quiet Cobalt color palette (#DAF4EA, #7CCCC5, #55B2BF, #5A6EBF, #43366B)
- Antique Study color palette (#E9EBDD, #90CCD4, #00A3BE, #007D7B, #00242F)
- Tempered Aubergine color palette (#D2EAEA, #5292A2, #326F8F, #523882, #190321)
- Pewter Summit color palette (#D9ECF1, #85B8D6, #7198C3, #8C659E, #4D2744)
- Soft Emerald Thicket color palette (#D9EFDF, #00A85B, #0092B0, #916F00, #001708)
Browse the whole catalog at Explore, or see today's palette.