Petrol Meadow color palette — #F8ECE6 · #9EBAA1 · #007390 · #005239 · #003050
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#F8ECE6): bright and airy, almost weightless.
- Sage (#9EBAA1): A luminous, dusty green — the color of fresh herbs.
- Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005239): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#003050): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Muted Cobalt Ridge color palette (#FEF3ED, #AECEB8, #0782B3, #006151, #223B5D)
- Patina Petrol color palette (#DFECEA, #7EC0C5, #007987, #004C47, #001A20)
- Tempered Sapphire color palette (#F6EDE3, #8EBCB1, #4A5FB9, #004E5A, #312159)
- Denim Canyon color palette (#FBECE3, #71A8BD, #005B94, #003E3B, #0C194C)
- Jade Courtyard color palette (#BEF4D4, #54AA73, #006944, #003521, #001B10)
- Misty Turquoise color palette (#F8E9F4, #80E6ED, #00B6E0, #24936D, #06304E)
- Washed Azure Thicket color palette (#E9F1CF, #90E1CC, #3FA6D7, #565D00, #003D2C)
- Tempered Villa color palette (#FBF3F0, #CFE3DF, #79A491, #337E69, #5D4B60)
Browse the whole catalog at Explore, or see today's palette.