Petrol Delta color palette — #FFEAFE · #CDD0FF · #C5A1D3 · #336C8F · #2C1B29
Built around Peacock, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Blush (#FFEAFE): A whisper-light, dusty pink — the color of neon signs at night.
- Lilac Frost (#CDD0FF): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#C5A1D3): A luminous, balanced pink — the color of neon signs at night.
- Peacock (#336C8F): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#2C1B29): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Petrol Delta 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
- Petal Pier color palette (#FFECF2, #FFC4F7, #E8A1B3, #605F8C, #33171D)
- Timeworn Petrol Lagoon color palette (#EFF6FF, #D3DEFF, #C99CC6, #007289, #303A53)
- Hushed Powder color palette (#D4FDEA, #B5DBFF, #A9ACE9, #357B7F, #01291E)
- Airy Lilac Thicket color palette (#DDE5FF, #B4A3F0, #AD74AD, #085181, #0B0426)
- Worn Cerulean Basin color palette (#EFF6FF, #E4D4F3, #C8B8F6, #6290C6, #313C52)
- Turquoise Coast color palette (#D8FFF3, #E9DCE1, #C4BCAD, #53A7AF, #442F3D)
- Wandering Wisteria color palette (#FCEDF2, #BC81ED, #A13F4A, #6B3991, #0F0301)
- Ash Quarry color palette (#FFECF1, #E4D4CD, #ABBA9D, #A98797, #4A363A)
Browse the whole catalog at Explore, or see today's palette.