Petrol Pier color palette — #F4DDD4 · #64AFB9 · #006F9B · #004D2E · #000C3E
Peacock and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F4DDD4): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cyan (#64AFB9): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006F9B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D2E): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#000C3E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
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
- Gentle Archive color palette (#E9DED4, #75AAC5, #2260C5, #004B44, #16013F)
- Tempered Petrol Study color palette (#F6EAF4, #76C5CF, #00709B, #004026, #000112)
- Cerulean Hollow color palette (#EEE8DD, #57C2CF, #0091B2, #006E61, #001623)
- Softworn Abyss Dune color palette (#DBE7DD, #6797AA, #005266, #00302A, #001623)
- Hazy Cerulean Orchard color palette (#FAEBE5, #ABCFAE, #0093BF, #1C6F3C, #0D2D56)
- Aged Pine Chapel color palette (#FFF2EE, #ACE8E4, #17ACCD, #368532, #0F426B)
- Hushed Rust Loft color palette (#FFE8E3, #CD3E28, #007480, #830F00, #001316)
- Hushed Lagoon color palette (#FBD6C7, #A84100, #006773, #1A4866, #130300)
Browse the whole catalog at Explore, or see today's palette.