Petrol Pier color palette — #F7F3FD · #C58EAE · #7D8E53 · #007B84 · #303446
Teal and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F3FD): a clean, paper-quiet neutral.
- Dusty Rose (#C58EAE): A luminous, dusty pink — the color of peonies in June.
- Moss (#7D8E53): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007B84): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#303446): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns 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
- Petrol Pier color palette (#FDF1FA, #CB887B, #469B89, #2A6C9E, #352F3F)
- Tempered Balcony color palette (#F3F4FD, #A89CD8, #A67F46, #268252, #273743)
- Bronze Market color palette (#F7F3FE, #AC769B, #816900, #00597D, #38333F)
- Taupe Veranda color palette (#EDF9EF, #E1AEB7, #BC8367, #327E6E, #553F53)
- Shell Courtyard color palette (#FFF2EE, #FFA5AE, #98AF76, #829566, #3B303A)
- Ancient Rust color palette (#FEF0FB, #BD655C, #008061, #00507F, #201532)
- Ancient Summit color palette (#F8EFF6, #D28379, #65525B, #41333E, #251F26)
- Faded Nightshade color palette (#E2F5E1, #AB6B00, #007483, #4C00BE, #2E000C)
Browse the whole catalog at Explore, or see today's palette.