Weathered Petrol color palette — #F6EBF1 · #67C0D6 · #0070A2 · #005146 · #152D53
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6EBF1): a clean, paper-quiet neutral.
- Cyan (#67C0D6): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#152D53): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Petrol 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 Petrol Coast color palette (#F1E5EC, #92BACE, #2270A9, #004D3A, #0C0F3A)
- Muted Drift color palette (#FFF0F8, #8FCFED, #4D7CAC, #00605E, #2B3A58)
- Ultramarine Hollow color palette (#FAE8EF, #6CA6CC, #1650B2, #003D42, #1B193F)
- Sky Lagoon color palette (#F3EEE5, #B9DDC8, #18B2EF, #00918F, #003054)
- Cerulean Balcony color palette (#E9DDE6, #1DA2AA, #005268, #003122, #001528)
- Dusty Ash color palette (#FBF2F7, #D7E0F1, #779EC0, #487781, #475367)
- Misty Seafoam Drift color palette (#C9FADA, #4CDEDD, #51ACE4, #58692C, #01353B)
- Muted Teal Canyon color palette (#A7FBE4, #00AC8E, #00604C, #00342D, #001C14)
Browse the whole catalog at Explore, or see today's palette.