Petrol Summit color palette — #FBE8F2 · #75BDD8 · #136DAB · #00504B · #1D2B54
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#FBE8F2): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#75BDD8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#136DAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#1D2B54): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Summit 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
- Muted Cobalt Archive color palette (#FEF1F6, #97CDEE, #5279B1, #005F62, #33375B)
- Ultramarine Summit color palette (#ECDADF, #74A4CE, #314DAE, #003D45, #20173F)
- Washed Lilac color palette (#E2F5FF, #9CC1F6, #B187DC, #0B6C67, #1A3850)
- Cerulean Courtyard color palette (#CBF5EC, #00A2AE, #006785, #00436B, #162C5A)
- Quiet Azure color palette (#F4EEE4, #B8DDCA, #31AFF7, #009096, #0B2E56)
- Faded Azure Alley color palette (#C9E8FF, #159DF6, #005793, #002D49, #00192D)
- Dusty Coast color palette (#EADCE7, #3A9FAD, #00516D, #003125, #00142C)
- Weathered Ash color palette (#FBF2F6, #D8DFF0, #799CC4, #4B7681, #495366)
Browse the whole catalog at Explore, or see today's palette.