Petrol Meadow color palette — #EBFAEE · #83C5C5 · #007C8B · #005843 · #00394A

Teal and Deep Olive set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#83C5C5): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007C8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005843): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00394A): 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

• Hazy Cobalt color palette (#EAFAED, #78C3E3, #0074B1, #00555A, #01306A)
• Muted Study color palette (#FCECFC, #60D0CF, #007E9D, #00561B, #001A36)
• Washed Denim color palette (#E2EFE4, #70AAAE, #006274, #003F34, #002332)
• Frosted Canyon color palette (#FFF4E2, #7FEFEE, #00C0D7, #009B79, #00394A)
• Hushed Pine color palette (#FFF2EE, #5EE2E1, #009BC1, #00782A, #013361)
• Worn Abyss Meadow color palette (#DDE5DE, #4A8B9C, #00425C, #002221, #000A17)
• Hushed Aubergine color palette (#F0E7D2, #8E6B00, #00717C, #86008C, #2F2200)
• Dusty Sapphire Terrace color palette (#FBE1B7, #AD7A00, #006CD9, #684700, #002C60)

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