Petrol Meadow color palette — #F2E6E1 · #83BECB · #0072AA · #004E36 · #070D3F
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#F2E6E1): bright and airy, almost weightless.
- Ash (#83BECB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#070D3F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Tempered Petrol Grove color palette (#F4EDE3, #96BCA3, #007296, #00504C, #003150)
- Denim Study color palette (#E8DCD2, #6AA4C7, #2E51A8, #003A36, #0E0028)
- Cornflower Corridor color palette (#FCEFE3, #ACD6F4, #607DD6, #006260, #2A1947)
- Antique Azure color palette (#ECF9EF, #B6F1FF, #3B9EC6, #006A65, #002038)
- Timeworn Orchard color palette (#F4DFD9, #519799, #00516A, #002E11, #000410)
- Aged Cypress Alley color palette (#F8F0EC, #C6E7E5, #7AA79C, #397867, #442E3D)
- Gentle Alley color palette (#97F4E1, #3BB186, #00674E, #002D22, #000806)
- Frosted Periwinkle Terrace color palette (#EAEFCE, #99DAD8, #6D9CE4, #6B6318, #101C01)
Browse the whole catalog at Explore, or see today's palette.