Hushed Petrol Field color palette — #F1F3EB · #C1E5E6 · #7BA799 · #357488 · #412F43

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C1E5E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Taupe (#7BA799): A luminous, dusty teal — the color of sea glass.
• Teal (#357488): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#412F43): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Hushed Petrol Field 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

• Petrol Loft color palette (#E6F6EF, #81BCDD, #83A875, #267BA2, #31322B)
• Petrol Harbor color palette (#F0F3EC, #BFE6D9, #6591BF, #196784, #3B223A)
• Ash Thicket color palette (#F1F3EB, #C3E3E0, #73A4BA, #53745A, #1A3E32)
• Dusty Hollow color palette (#E6E9DC, #6DA5C0, #005E8B, #003843, #000B1A)
• Timeworn Petrol Harbor color palette (#E9EADE, #99BEA3, #00788E, #004B4B, #001923)
• Dusty Ridge color palette (#FCECFC, #EAD0D5, #DDB4B7, #688E80, #473645)
• Washed Azure Corridor color palette (#DFF9F1, #67A2D4, #9D7FB2, #338979, #152D26)
• Antique Cerulean color palette (#F2F3E8, #9EDDDE, #0094A0, #006359, #002B32)

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