Weathered Petrol Meadow color palette — #F5EDE1 · #97BCA2 · #007393 · #00504A · #00314D

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

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Sage (#97BCA2): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Hushed Cerulean Corridor color palette (#F9F4ED, #AFCDBC, #3D80A7, #005F61, #1D3C5D)
• Petrol Lantern color palette (#F1E6E2, #96BFA4, #0972A9, #004D36, #091038)
• Petrol Loft color palette (#F6EDDF, #89B7DC, #4168A2, #004D5D, #20285B)
• Lagoon Harbor color palette (#CCF4EC, #00A2A5, #006B76, #004758, #003146)
• Iris Basin color palette (#D5F7E5, #9DCFFB, #8793CC, #00646A, #0A392B)
• Softworn Garden color palette (#F2E7D7, #479F9F, #00535E, #003124, #001720)
• Antique Pewter color palette (#F9F4EE, #C8E7E4, #78A492, #5A7859, #35514A)
• Antique Turquoise Grove color palette (#E6F2E8, #94E2F0, #00B5E6, #009287, #00314D)

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