Washed Petrol Alley color palette — #FBF7CE · #B2DDB9 · #5EAAA1 · #1F8392 · #004B6F
Cerulean and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FBF7CE): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B2DDB9): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#5EAAA1): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#1F8392): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B6F): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Washed Petrol Alley 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
- Patina Navy Delta color palette (#C9E7D7, #00BFAF, #008399, #004F77, #0E006F)
- Misty Aqua Basin color palette (#EDFCDA, #ABE9D8, #5ED1C4, #30A1A4, #004F58)
- Ancient Navy Villa color palette (#E7FED8, #98DADE, #69A5C2, #5675A5, #44437B)
- Tempered Dune color palette (#FFF4E1, #D0CE9B, #8EAE7C, #3D815F, #005551)
- Cerulean Studio color palette (#FFF2EB, #9BCCA6, #51A0AC, #8C635D, #414C39)
- Hazy Navy color palette (#C5F3EB, #009FB4, #006B99, #003583, #1E0048)
- Mint Orchard color palette (#BBFFCC, #00D7B2, #0099A5, #00658D, #002E75)
- Lagoon Grove color palette (#E5F3DD, #008B68, #005352, #002833, #000510)
Browse the whole catalog at Explore, or see today's palette.