Petrol Meadow color palette — #F9E9F3 · #87C3C2 · #007389 · #004026 · #000306

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#87C3C2): A luminous, dusty teal — the color of sea glass.
• Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

• Muted Sapphire color palette (#FBE8F1, #86BFE1, #2B65B7, #003D40, #020013)
• Softworn Cobalt color palette (#FDF1FA, #98D8E4, #0085B4, #005343, #000C21)
• Lagoon Alley color palette (#CFE6D3, #009672, #00625F, #002B2E, #000509)
• Brick Bloom color palette (#CDEBF3, #00918E, #BF151A, #004644, #050000)
• Frosted Balcony color palette (#DFF7FF, #8ED8FF, #9499F9, #006545, #000B10)
• Aged Lagoon color palette (#E4E4D8, #6DC0BF, #00959E, #006E61, #00181C)
• Ancient Turquoise Summit color palette (#9DF3FF, #00AAC2, #005D69, #00181D, #000102)
• Quiet Mulberry color palette (#CDE8EF, #007487, #A20052, #742500, #000102)

Browse the whole catalog at Explore, or see today's palette.