Petrol Boulevard color palette — #F1E5EA · #6FBDEB · #3F6BAB · #004B4E · #111032
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F1E5EA): bright and airy, almost weightless.
- Sky (#6FBDEB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#3F6BAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#111032): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Boulevard 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 Summit color palette (#F6EDE5, #8AB8D4, #4064B2, #00504B, #302453)
- Timeworn Aqua color palette (#F0E5ED, #58C7C6, #00788D, #004E2E, #001827)
- Wandering Azure Atelier color palette (#F3F7EB, #CBEBFF, #4A99D6, #00667F, #011E3E)
- Pale Loft color palette (#FDECF9, #83E1EA, #0090B7, #00654B, #002745)
- Airy Market color palette (#D2EBFF, #B6CAFF, #BF7BC4, #006F77, #0D1E34)
- Muted Ash Basin color palette (#F8EFF2, #D9D0E3, #839DCB, #457282, #2E354A)
- Aged Cornflower Pier color palette (#D3E2F8, #4D93FC, #005B9F, #002859, #000617)
- Misty Navy color palette (#CFE8E7, #008CA1, #005E80, #00316C, #0C0F39)
Browse the whole catalog at Explore, or see today's palette.