Petrol Meadow color palette — #F7EAF1 · #80BBD3 · #006CB3 · #00504C · #1E2A56
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Sky (#80BBD3): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#006CB3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1E2A56): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Timeworn Petrol Delta color palette (#F5EBF2, #63C3C2, #007589, #005331, #00324B)
- Petrol Parlor color palette (#F3E4EC, #87BCD3, #3D6CA8, #004C42, #14093D)
- Cobalt Drift color palette (#F5EDE6, #96CEE4, #4889D2, #006E5D, #292851)
- Faded Orchard color palette (#FFF0FA, #6CE4E3, #008EA8, #006A41, #124461)
- Faded Periwinkle Canyon color palette (#F4EDE3, #A9DCF3, #61ACE3, #009098, #0B2D59)
- Cerulean Thicket color palette (#FAE5F5, #00A1B6, #00506F, #003127, #00132F)
- Timeworn Boulevard color palette (#FBF2F6, #D9DFF0, #799CC7, #3A7A7B, #485269)
- Grape Archive color palette (#C1E9D8, #909521, #5D3CBF, #4A4D00, #281F51)
Browse the whole catalog at Explore, or see today's palette.