Petrol Meadow color palette — #E5F3E8 · #63C0D8 · #00719A · #00504E · #053050
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#63C0D8): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#053050): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Meadow 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
- Cobalt Workshop color palette (#EFF8F0, #90CFEC, #307FB5, #005F65, #273C56)
- Petrol Villa color palette (#EFE6EC, #8FBAD0, #0073A6, #004C42, #001339)
- Worn Turquoise Ridge color palette (#EEF0E4, #BADDC7, #00B5E4, #008F99, #003248)
- Patina Cerulean color palette (#E2F2E5, #00A3AB, #005362, #003128, #001722)
- Ash Thicket color palette (#F0F7F1, #D6DEF0, #729FBD, #477784, #425469)
- Dusty Lagoon color palette (#E4D8F5, #C1499E, #007D5C, #800064, #003222)
- Linen Plum color palette (#F7DBE8, #BD0081, #646200, #005570, #331124)
- Amber Archive color palette (#F2E7FF, #FFB0B6, #DA8B68, #744E7C, #422E48)
Browse the whole catalog at Explore, or see today's palette.