Petrol Loft color palette — #F9E8F5 · #75C6CE · #007291 · #00402E · #000308
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F9E8F5): A whisper-light, dusty pink — the color of neon signs at night.
- Aqua (#75C6CE): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Loft 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
- Ultramarine Summit color palette (#F9E9F0, #95BCD9, #0063CA, #003D3F, #020013)
- Muted Cobalt Terrace color palette (#FEF1F9, #AAD2E8, #1181C0, #00524A, #000433)
- Aged Studio color palette (#E6E8D6, #77BEC4, #0093A7, #006D68, #00171E)
- Timeworn Parlor color palette (#D7F1EC, #009CA7, #00535F, #002C2A, #000508)
- Washed Terracotta Parlor color palette (#F9D9CA, #A64500, #00665F, #004965, #030100)
- Antique Cypress color palette (#F9F3F7, #D5D4E2, #68B0D5, #00816A, #172F4C)
- Scarlet Meadow color palette (#EBD7EA, #CF4950, #00738C, #750017, #000102)
- Moss Lantern color palette (#DFF0E5, #838E38, #5D4C00, #321B00, #000200)
Browse the whole catalog at Explore, or see today's palette.