Hushed Petrol Studio color palette — #F0F7F1 · #B5D9F7 · #6F98CB · #00798D · #2D395C

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#B5D9F7): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#6F98CB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00798D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2D395C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Cypress Canyon color palette (#EDF9EF, #B7DBE6, #42A5B7, #007F65, #004156)
• Mallow Boulevard color palette (#EEF6FF, #DFD6F0, #CAB0F1, #4E8BA5, #344258)
• Softworn Petrol Coast color palette (#D5E2D8, #6BAEBB, #007192, #004A45, #001626)
• Wandering Loft color palette (#FCF2F6, #B0C8DD, #5F75B4, #00605E, #3F325B)
• Turquoise Studio color palette (#D1F6FD, #14B7DF, #008BC3, #1A5E9D, #233761)
• Softworn Denim Market color palette (#D7E7DA, #7397B6, #29559F, #003947, #05002C)
• Washed Lantern color palette (#D1E7FF, #569ADD, #CE6176, #62843C, #122D47)
• Periwinkle Loft color palette (#FBF4EE, #C4EADC, #8FAFFF, #00A09B, #4F2F3F)

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