Petrol Bloom color palette — #F1F4E0 · #66CBE6 · #007DA1 · #005157 · #001D2C
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F4E0): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#66CBE6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005157): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Bloom 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
- Washed Cerulean color palette (#F1F3E9, #AAD3B8, #0089AA, #005B5F, #002433)
- Pale Sapphire color palette (#EFF4E6, #91C0EC, #006FD8, #004D6B, #000F4F)
- Quiet Basin color palette (#FFF0FA, #0FCCF2, #0075AD, #00574D, #0E2F6A)
- Frosted Cerulean Thicket color palette (#E6FAF8, #77DBF7, #009AC6, #00717A, #003850)
- Periwinkle Bloom color palette (#E0F2FF, #B9DBFF, #7FA4FF, #00708B, #002137)
- Antique Coast color palette (#EFF1E7, #5AA8C5, #006084, #003841, #000C18)
- Byzantium Alley color palette (#D8ECFB, #0079B3, #8B00D5, #00614E, #00101D)
- Frosted Byzantium Meadow color palette (#CDE6F0, #0094BB, #B200C7, #00556C, #28002E)
Browse the whole catalog at Explore, or see today's palette.