Tempered Petrol Station color palette — #F9E9F3 · #8CC0CE · #007488 · #004024 · #000306

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Ash (#8CC0CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007488): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004024): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered 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

• Worn Cobalt Parlor color palette (#FEF1FA, #A7D4E7, #0085B5, #005344, #000C21)
• Washed Denim Study color palette (#F3E9EF, #77AAC1, #005795, #002B2A, #00000B)
• Powdered Study color palette (#F8EAEF, #85BEE7, #215CD6, #003D42, #020012)
• Wandering Lagoon Market color palette (#CCE7E1, #009E9B, #005458, #002C25, #000507)
• Dusty Lagoon color palette (#E2E3D7, #63C2BF, #00959C, #006E5F, #00181C)
• Gentle Turquoise Corridor color palette (#D2F8F2, #82DCBC, #00B4E1, #5C4F00, #000A04)
• Wandering Moss color palette (#EFE5C7, #899000, #3E5F00, #002A07, #000201)
• Azure Loft color palette (#FFF0FB, #C6F9FF, #00A9D8, #007559, #002645)

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