Weathered Petrol color palette — #E4F3E7 · #63C2CE · #00748F · #005147 · #00324A
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#63C2CE): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Petrol Studio color palette (#F2E4EF, #7EC0C9, #00759A, #004D3B, #00162F)
- Timeworn Courtyard color palette (#EDF9EF, #88D2E7, #2682AB, #00605E, #253D54)
- Airy Basin color palette (#E6F2E8, #85B6E7, #3E63B7, #004D61, #272A4C)
- Weathered Turquoise Balcony color palette (#EFF0E3, #BADEC1, #29B7D0, #00918D, #003441)
- Dusty Lantern color palette (#DDF0E0, #2DA29E, #00545C, #003122, #00171F)
- Wandering Fern color palette (#C2F7F8, #8BE5D6, #4AA5B6, #446C33, #09383B)
- Hushed Ash color palette (#F0F7F1, #D3DFF1, #6CA2BA, #3F7A75, #405568)
- Mulberry Thicket color palette (#BCE8E5, #26A858, #8B2794, #005928, #3D1641)
Browse the whole catalog at Explore, or see today's palette.