Petrol Meadow color palette — #FFF0FB · #6CC8D1 · #00799A · #005841 · #00355B
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#6CC8D1): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005841): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00355B): 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 Petrol Meadow 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
- Petrol Archive color palette (#F2F4E0, #71CCD5, #008092, #00524E, #001E27)
- Linen Sapphire color palette (#FFF0F8, #75C2EA, #006CCD, #005556, #25276E)
- Worn Cerulean Meadow color palette (#E4FBF6, #86DBE3, #009EB2, #00736D, #003947)
- Denim Coast color palette (#F8EBF5, #62ACB8, #005F81, #003F32, #001F41)
- Hushed Coast color palette (#F9F3F7, #D5E0F3, #6BA1C1, #2E7E6E, #41546C)
- Airy Studio color palette (#FFF2EC, #62F1FD, #00BCEC, #009C73, #00355A)
- Ancient Station color palette (#F6E6EF, #4E89A0, #003F69, #002220, #02002F)
- Washed Sapphire color palette (#CAF0D5, #A08100, #006BDC, #604C00, #002B61)
Browse the whole catalog at Explore, or see today's palette.