Petrol Meadow color palette — #F7F6EB · #C3D3A2 · #68A991 · #09788A · #23385A
Teal and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F6EB): a clean, paper-quiet neutral.
- Pistachio (#C3D3A2): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#68A991): A luminous, dusty teal — the color of glacier melt.
- Teal (#09788A): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#23385A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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 Loft color palette (#FAF4EB, #DCCA9E, #81A675, #007B74, #134234)
- Hushed Courtyard color palette (#F2F7EC, #9EDBC0, #56A7BC, #4F66AC, #482C4E)
- Ancient Station color palette (#FAF6DF, #D0E0CD, #AFC7B4, #7E9C89, #3A584C)
- Dusty Navy color palette (#EFF9E6, #4EBD9C, #00849E, #1C3FA0, #2B043D)
- Navy Dune color palette (#E6F9E1, #008D81, #005573, #1D006F, #040005)
- Weathered Teal color palette (#FDF3ED, #F8B59E, #60BF9A, #887FB0, #5B363F)
- Eclipse Onyx color palette (#E3F3DD, #00786B, #00415D, #170043, #000200)
- Hushed Amber color palette (#FCEDF2, #CC8C4E, #287F86, #3A4C6C, #28233D)
Browse the whole catalog at Explore, or see today's palette.