Petrol Meadow color palette — #F0F7F2 · #D1DBDB · #A6B8B1 · #007082 · #313E35

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D1DBDB): bright and airy, almost weightless.
• Ash (#A6B8B1): A luminous, dusty teal — the color of glacier melt.
• Teal (#007082): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#313E35): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Cerulean Coast color palette (#EFF7FA, #D5D9E8, #BEBCD2, #23909C, #313D41)
• Tempered Station color palette (#EEF4EF, #CCD9DA, #C8AEC4, #00727D, #18241B)
• Ultramarine Chapel color palette (#F9F3F8, #E4D5D7, #BFADB8, #3460B2, #443542)
• Dusty Boulevard color palette (#D8E4DE, #ACBEB7, #6D988D, #004C62, #0B251A)
• Aged Cobalt Veranda color palette (#F9F3F8, #DFD7D8, #B3ABA0, #6D80B5, #585056)
• Timeworn Field color palette (#F5F6EC, #7CA785, #14754E, #00584B, #323A00)
• Antique Cocoa color palette (#FFDCF4, #C1A0AF, #7D638D, #7F4145, #5F3226)
• Tempered Coast color palette (#E4F3EF, #B2A4B1, #92758B, #003A63, #001913)

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