Soft Petrol color palette — #FFF0FA · #6FC6DA · #0077A6 · #00574A · #053167
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#6FC6DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0077A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00574A): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#053167): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft Petrol 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
- Worn Lantern color palette (#F1F4E2, #5CCCE7, #007E9E, #005156, #001D2B)
- Linen Sapphire color palette (#FFF1F6, #71C0FA, #2C62DF, #00555C, #30246B)
- Cerulean Villa color palette (#E4FBF7, #6EDDF5, #009BC0, #007177, #00384D)
- Hushed Cornflower Workshop color palette (#FFF1F5, #AED3F4, #5777DD, #006572, #403768)
- Antique Denim Studio color palette (#F8E9F3, #55ACC5, #005D8D, #003F38, #091C46)
- Chalky Sky color palette (#FFF4E2, #94E9FC, #00BAF3, #009891, #003658)
- Tempered Azure Balcony color palette (#FAF3F7, #D7DFF1, #6A9FCD, #377C76, #485365)
- Muted Nightshade color palette (#F7E4EB, #5496C6, #002DC4, #002F34, #13033E)
Browse the whole catalog at Explore, or see today's palette.