Weathered Petrol Pier color palette — #FBEAE2 · #7DC6C1 · #007485 · #004121 · #000306
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBEAE2): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mint Leaf (#7DC6C1): A luminous, dusty teal — the color of sea glass.
- Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered 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
- Hushed Petrol Canyon color palette (#F8EBE1, #8BBFDA, #1768B7, #003E3E, #010014)
- Muted Cerulean color palette (#FEF2ED, #9AD8E1, #0086AF, #005340, #000D1F)
- Lagoon Studio color palette (#E2EFEC, #6FC1BA, #009599, #006F5C, #00181B)
- Lagoon Workshop color palette (#E7E8DC, #379B97, #005457, #002D24, #000507)
- Hushed Plum Studio color palette (#E1EFE2, #009095, #BC005E, #004548, #040001)
- Forest Loft color palette (#D6F7D5, #92DBFC, #9096DE, #007241, #000305)
- Gentle Coast color palette (#C8F0F0, #007679, #A5003C, #810209, #000202)
- Soft Turquoise Grove color palette (#FFF2EC, #BBFCFF, #00AAD1, #007652, #002741)
Browse the whole catalog at Explore, or see today's palette.