Tempered Petrol Pier color palette — #E6F0EB · #A3B3B5 · #BD9BB6 · #007CA3 · #00190F
Built around Cerulean, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F0EB): a clean, paper-quiet neutral.
- Ash (#A3B3B5): a calm mid-gray that lets other colors speak.
- Mauve (#BD9BB6): A luminous, dusty pink — the color of neon signs at night.
- Cerulean (#007CA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#00190F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Petrol Pier 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
- Cypress Lagoon color palette (#DDE2DB, #A4B4B0, #78A3A1, #008475, #0B1806)
- Tempered Orchard color palette (#E8F0EC, #BDAFBB, #A88C98, #005C74, #00190E)
- Timeworn Bloom color palette (#EDE5EC, #BFAAAC, #B08E8B, #296ADE, #1C0E1B)
- Antique Abyss Orchard color palette (#DCE8F0, #8FA2B6, #6E7C95, #003C51, #00050B)
- Tempered Chestnut color palette (#D5EBFF, #AD88A4, #8A6EA2, #7D4E1D, #282100)
- Violet Station color palette (#F0E3E8, #C9BCB8, #B7A195, #9567C2, #2F1620)
- Muted Azure color palette (#EAF9F4, #F1D8DF, #EAB8BE, #00A2ED, #1D3931)
- Lapis Meadow color palette (#F0E0C0, #0093CF, #5158C7, #762F00, #000B1D)
Browse the whole catalog at Explore, or see today's palette.