Hushed Petrol Basin color palette — #F1E5ED · #8FBBC9 · #007791 · #004E33 · #001829

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

The five colors

• Blush (#F1E5ED): a clean, paper-quiet neutral.
• Ash (#8FBBC9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007791): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004E33): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Hushed Petrol Basin 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 Market color palette (#E7F1EF, #81BEC0, #007682, #00504A, #00343F)
• Patina Cerulean color palette (#F7EFF5, #A9CEDE, #2786AF, #005D4B, #002043)
• Dusty Workshop color palette (#F1E5EA, #90B9D7, #4068B4, #004A50, #140641)
• Denim Cabin color palette (#EEE0E9, #63A7BD, #005D90, #003A34, #000231)
• Cerulean Quarry color palette (#F5F6EC, #B9ECDF, #00A5B3, #006B61, #00232A)
• Powdered Petrol Atelier color palette (#DEF1E3, #9C7A00, #0070B2, #574400, #001325)
• Washed Quarry color palette (#F8EAF4, #4C828F, #00405F, #00201A, #000106)
• Pale Corridor color palette (#CEE8D7, #7E6A00, #005CB3, #451BC1, #0F0A00)

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