Petrol Meadow color palette — #E9F1EB · #83BBCE · #00709F · #004F50 · #112F4D

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

The five colors

• Cream (#E9F1EB): a clean, paper-quiet neutral.
• Ash (#83BBCE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#112F4D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Faded Sapphire color palette (#E6F2E8, #96B5D4, #2F5ECF, #004D61, #272951)
• Muted Basin color palette (#F0E6EC, #70C0D9, #156EB4, #004D3D, #101131)
• Soft Sky color palette (#EDF0E1, #B5DFC8, #23B3E9, #008F9E, #00324B)
• Antique Cabin color palette (#EDF9EF, #A7D3FF, #4075F2, #00637D, #373A6B)
• Cobalt Drift color palette (#F7ECE5, #77D3EE, #2B8BD8, #006E57, #252A4D)
• Aged Cerulean color palette (#E4EEE6, #449EA8, #005265, #003129, #001623)
• Washed Bloom color palette (#F1F7F2, #D6DEEF, #62A0CE, #2F7B81, #465464)
• Emerald Study color palette (#E4ECDE, #399F39, #006740, #004836, #00312C)

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