Hushed Petrol Studio color palette — #F8EAF1 · #81BAD5 · #266BAC · #00504E · #212A54

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Sky (#81BAD5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#266BAC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#212A54): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Washed Canyon color palette (#F3E4EC, #93B9D3, #3369BA, #004C43, #150E34)
• Tempered Cobalt color palette (#FDF2F5, #A5CAE9, #5077BD, #005F65, #36355B)
• Muted Teal Field color palette (#F8E5F1, #4BB1AE, #006273, #004123, #002234)
• Cerulean Quarry color palette (#FFF0FB, #70E3E7, #008DAB, #006A46, #044468)
• Gentle Periwinkle color palette (#F3EEE5, #A7DCF6, #54ACF1, #008F9B, #152D54)
• Ash Loft color palette (#FBF2F6, #D9DEEF, #7D9BC5, #40797C, #4B5265)
• Plum Alley color palette (#EBE2F1, #C00072, #006F54, #005959, #281632)
• Tempered Garden color palette (#EFD9E0, #5385B1, #182899, #002127, #0B0027)

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