Petrol Station color palette — #FAE9F2 · #7BBBD9 · #326BA5 · #00504E · #232A50

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FAE9F2): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#7BBBD9): A luminous, dusty blue — the color of deep harbor water.
• Slate (#326BA5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#232A50): 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 Petrol Station 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

• Dusty Cobalt color palette (#FFF1F6, #A5CAE9, #5A78AD, #005F65, #36365A)
• Teal Harbor color palette (#ECE1E8, #31B4AE, #006271, #004121, #002333)
• Powdered Periwinkle Alley color palette (#F3EEE5, #B6DECB, #49ACF5, #008F9A, #112C57)
• Patina Ash color palette (#FBF2F6, #D9DEF0, #7D9BC4, #3D7A7C, #485269)
• Muted Raspberry Thicket color palette (#E7D6F7, #D42B97, #007B71, #7B1C57, #00312C)
• Frosted Delta color palette (#FDD8E5, #C00073, #006F54, #005958, #281732)
• Navy Orchard color palette (#F8E1E8, #5385AF, #162C92, #002226, #0B0027)
• Gentle Apricot color palette (#F4E7FF, #FFA49A, #C4944D, #72447E, #4C242B)

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