Petrol Meadow color palette — #E9F6EB · #78C9DD · #007CA5 · #00524E · #001C31
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F6EB): bright and airy, almost weightless.
- Sky (#78C9DD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001C31): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Aqua Corridor color palette (#FFF2EB, #00CDEB, #0075B0, #00583F, #212D63)
- Feathered Field color palette (#E8F6EB, #76C3FF, #006AE7, #004F60, #0E0E4A)
- Wandering Courtyard color palette (#E1ECE3, #5AA8C1, #005F87, #00393A, #000B1C)
- Hushed Cerulean color palette (#FFF4E2, #6FDCF6, #0099CA, #00736E, #003659)
- Muted Navy color palette (#DDECE0, #527E9A, #003C70, #001E24, #00000C)
- Aged Azure color palette (#FFF0FA, #D4DAF7, #0DA2F5, #007557, #151C55)
- Ancient Alley color palette (#EBEBD2, #7B7500, #006F8E, #920067, #100F00)
- Faded Lapis color palette (#D4E3DA, #9A8600, #6446FF, #584C00, #130049)
Browse the whole catalog at Explore, or see today's palette.