Petrol Meadow color palette — #F3EEE5 · #90BCAF · #3F68A7 · #004D5E · #21275B
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F3EEE5): bright and airy, almost weightless.
- Sage (#90BCAF): A luminous, dusty teal — the color of sea glass.
- Slate (#3F68A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#21275B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Linen Coast color palette (#FFF4E2, #90BEDE, #006CCD, #005462, #192876)
- Antique Petrol Atelier color palette (#F5EDE2, #80BDC2, #00748A, #005144, #003347)
- Dusty Veranda color palette (#F2E7DC, #8BC0B1, #5061BF, #004B4C, #1C0B2F)
- Cerulean Balcony color palette (#FAF4EC, #B5D8C0, #008CB4, #006760, #00446A)
- Faded Cornflower color palette (#F7EBEF, #9CCAEE, #687FD8, #006C6C, #34244E)
- Softworn Studio color palette (#EBE4D8, #6697AD, #004E7A, #002F33, #001233)
- Feathered Periwinkle Orchard color palette (#E7F2E9, #ABD9FF, #78A5EC, #008DA9, #232A50)
- Washed Cypress color palette (#F8F5EF, #CEE2DB, #7FA487, #288060, #325341)
Browse the whole catalog at Explore, or see today's palette.