Petrol Meadow color palette — #EEE6ED · #7CC1C3 · #007698 · #004F22 · #001533
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#EEE6ED): a clean, paper-quiet neutral.
- Mint Leaf (#7CC1C3): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F22): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001533): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Muted Cobalt Parlor color palette (#F3E4EB, #85BBD9, #3B68BA, #004C46, #170E31)
- Aqua Loft color palette (#E5F3E8, #60C3C9, #00758A, #005143, #003346)
- Forest Coast color palette (#FBEAE5, #7CD5DC, #1B92BF, #00703D, #192E4E)
- Ash Harbor color palette (#F6F0F4, #D3D2EC, #71A3C2, #45775D, #2C3747)
- Linen Jade color palette (#CBEAD4, #40B36C, #006444, #003016, #000703)
- Dusty Nightshade Corridor color palette (#EEE0E4, #5A90BA, #2C2AB9, #002C2C, #070015)
- Ancient Azure color palette (#CAEFE9, #7CD5C4, #42A0EB, #7D5B00, #002324)
- Wandering Cerulean Bloom color palette (#F5EAF0, #288599, #003F65, #002016, #00000C)
Browse the whole catalog at Explore, or see today's palette.