Petrol Bloom color palette — #FEE9DC · #5AC6EA · #006CAB · #003E3A · #000016
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FEE9DC): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#5AC6EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Wandering Aqua color palette (#FFE9DD, #25D0CA, #007485, #004121, #000306)
- Washed Cobalt color palette (#FFF3E7, #95D4FF, #4577CF, #005056, #0A042A)
- Softworn Navy color palette (#ECDEE6, #5893A9, #004A88, #002D24, #03001B)
- Muted Cobalt Field color palette (#F7E9E1, #79BBD0, #0087E1, #006F59, #0E0244)
- Sunlit Chapel color palette (#F5E4EB, #B80072, #00684D, #004F43, #040001)
- Softworn Dune color palette (#FEF3EA, #C3E7F8, #7BAADB, #1F7E7B, #40223A)
- Hushed Sky color palette (#FFF2EC, #D3DBEF, #02BFF7, #008B6C, #09365E)
- Timeworn Amber color palette (#FFE2F3, #FFA8AC, #E08B00, #674687, #0D0002)
Browse the whole catalog at Explore, or see today's palette.