Petrol Pier color palette — #E7F2E9 · #C8DDD6 · #C6B0BD · #267F88 · #233226
Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Silver (#C8DDD6): A whisper-light, dusty teal — the color of shallow lagoons.
- Rosewood Mist (#C6B0BD): A luminous, dusty pink — the color of neon signs at night.
- Teal (#267F88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#233226): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Aged Drift color palette (#F4EBF5, #E5D1DB, #CCAFB3, #4274AC, #342A35)
- Patina Cerulean Atelier color palette (#EAF0EC, #C5D7D7, #A1C0C2, #00A3BF, #1E3327)
- Denim Field color palette (#E5F1F7, #C0CFD8, #8DA4B6, #005F71, #1B313B)
- Misty Jade Summit color palette (#ECE4D3, #82B660, #248467, #275C73, #2C2B02)
- Aged Sky color palette (#D1F5EF, #70B3EC, #9071AA, #625F58, #403404)
- Hushed Chapel color palette (#E1F1EC, #C7ABBA, #B18990, #005590, #041813)
- Patina Brick color palette (#D2E8D8, #0097A9, #B02B18, #603800, #2E1A00)
- Ash Thicket color palette (#FAF2F8, #E6D8D6, #B9B2A6, #AB92A6, #575055)
Browse the whole catalog at Explore, or see today's palette.