Petrol Station color palette — #E4F6F2 · #8BBEC1 · #3A8188 · #614C6A · #0B2D2F

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

The five colors

• Cream (#E4F6F2): bright and airy, almost weightless.
• Ash (#8BBEC1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3A8188): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#614C6A): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#0B2D2F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Lagoon Hollow color palette (#E7F6ED, #90BEB5, #45836F, #395E4A, #122D28)
• Cerulean Terrace color palette (#F6F6EB, #B9CBAB, #499EA8, #94606F, #3A472F)
• Weathered Forest Studio color palette (#F6EFF5, #BCE4F2, #6495AF, #356B4C, #182C48)
• Tempered Balcony color palette (#D9F9F8, #51A072, #A76598, #99495C, #002424)
• Eclipse Cypress color palette (#CEE6E2, #007967, #003E47, #3E0217, #000403)
• Driftwood Terrace color palette (#DCF9F4, #CBDEEF, #BAC0EC, #8A824C, #103234)
• Wandering Lagoon Basin color palette (#D3E8E0, #659C78, #00625D, #373D07, #001616)
• Hazy Pine color palette (#E0F8F4, #84B27C, #B277A1, #36752C, #3A1A32)

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