Petrol Meadow color palette — #F3EEE6 · #97BBAB · #276DA3 · #004F56 · #0D2A5F
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3EEE6): a clean, paper-quiet neutral.
- Sage (#97BBAB): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#276DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#0D2A5F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Dusty Study color palette (#FAF4EA, #A8CFC2, #567AAC, #005D6F, #2E385E)
- Sapphire Cabin color palette (#F0E7E0, #7EBDDC, #2D67C3, #004C44, #150E34)
- Antique Denim color palette (#E5E0D7, #8BA88A, #00636E, #00402E, #00242F)
- Washed Periwinkle color palette (#E7F2E9, #9BDDFF, #5BABEE, #008F9C, #192D50)
- Denim Field color palette (#FFE3EC, #EAC3E9, #D2829F, #4D5AA9, #432E4F)
- Aged Petrol color palette (#F8F5EF, #CBE4E6, #7B9CC2, #2C7A89, #604A5D)
- Tempered Cerulean Thicket color palette (#F8F5EF, #CFE2D2, #3897B1, #007263, #235242)
- Patina Amethyst Veranda color palette (#FBDBE7, #7B54AD, #8A4D00, #005A50, #26153B)
Browse the whole catalog at Explore, or see today's palette.