Petrol Meadow color palette — #E9F1EA · #CEDCD2 · #A7BEB2 · #008189 · #233226
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E9F1EA): bright and airy, almost weightless.
- Silver (#CEDCD2): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#A7BEB2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#233226): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Lagoon color palette (#E4EEE9, #B8C9C2, #8FACA3, #006B87, #082519)
- Softworn Pine color palette (#E6E6D6, #89B27C, #3C834A, #0F6449, #17300E)
- Ancient Cobalt color palette (#F1EDF2, #E0D3DF, #C7AFC1, #0074C8, #352937)
- Dusty Azure Bloom color palette (#F0F7F4, #D2DCDD, #CFB8B5, #3A9ACB, #3F4B46)
- Washed Aubergine Dune color palette (#DAE2C7, #00A2C7, #006FAC, #66227F, #002838)
- Tempered Petrol color palette (#DCF1E7, #007DA3, #12364F, #001924, #000602)
- Softworn Archive color palette (#D5E4E0, #BEAEBE, #AB89A4, #00568D, #001913)
- Patina Studio color palette (#E4EDFB, #A3A9D3, #7F729D, #7E4857, #5C2023)
Browse the whole catalog at Explore, or see today's palette.