Petrol Meadow color palette — #E7F2E9 · #8EB9CA · #007390 · #005048 · #00324B
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ash (#8EB9CA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cerulean Lantern color palette (#F1F7F2, #ACCADA, #3081A9, #00605F, #1E3D5A)
- Washed Petrol Coast color palette (#F1E5EE, #73C2CC, #0074A1, #004E2F, #041336)
- Worn Denim color palette (#E1EBE3, #80A4BC, #005B92, #003D43, #001B4C)
- Antique Turquoise color palette (#F6EDDF, #83E5F3, #00B6E1, #009284, #00324B)
- Wandering Abyss color palette (#DFECE1, #609C99, #00545D, #003123, #00171F)
- Cypress Loft color palette (#F1F7F2, #D4DFF1, #70A1B8, #00807A, #3D556B)
- Plum Lantern color palette (#F2E9FF, #9F4387, #6D5E00, #005669, #37082C)
- Aubergine Delta color palette (#E0DAEF, #A960A0, #138749, #710069, #003316)
Browse the whole catalog at Explore, or see today's palette.