Petrol Meadow color palette — #E9EADD · #99BEA0 · #00788A · #004B48 · #001921
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E9EADD): a clean, paper-quiet neutral.
- Sage (#99BEA0): A luminous, dusty teal — the color of sea glass.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001921): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Tempered Petrol Drift color palette (#E8EAE2, #85BCD8, #0072A9, #004959, #00172D)
- Worn Hollow color palette (#F1F3EB, #A9D3B8, #0089AA, #005B5F, #00281B)
- Cerulean Villa color palette (#E4E7D6, #26859E, #004258, #001F23, #000103)
- Aged Boulevard color palette (#F2F2EC, #C1E6E0, #61A8BB, #237979, #253C31)
- Muted Teal Workshop color palette (#DEEDC8, #7FDBC2, #00B2B1, #26713C, #142004)
- Timeworn Courtyard color palette (#DEE8CE, #007F53, #006886, #5B4B00, #000F06)
- Frosted Jade color palette (#B0F2D1, #31AE76, #006540, #00321E, #000904)
- Hushed Studio color palette (#FFF2EC, #B1F3F9, #00A1CB, #006D50, #00203A)
Browse the whole catalog at Explore, or see today's palette.