Patina Petrol Harbor color palette — #F8F6E4 · #BCEAC7 · #6AB29E · #3D77A8 · #354700
A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#BCEAC7): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#6AB29E): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#3D77A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#354700): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, muted.
Use it as a design system
One click turns Patina Petrol Harbor 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
- Taupe Balcony color palette (#FBF5E3, #D7E4AF, #86AF7F, #2D7F8E, #404038)
- Hushed Turquoise Pier color palette (#F4F7E9, #A7EBF0, #60AECA, #76689E, #324537)
- Patina Teal Canyon color palette (#FFF2EA, #C6D9A4, #55C4B2, #B07895, #464D00)
- Nightshade Basin color palette (#F4F8DD, #49CDCD, #008DA7, #513F95, #092912)
- Softworn Terrace color palette (#FFECF5, #98B872, #388780, #67455F, #1B312F)
- Driftwood Archive color palette (#F6F5EF, #BDE3D4, #98B994, #92873E, #4B4900)
- Softworn Coast color palette (#F3F7ED, #7AC09A, #4E5946, #282D1E, #0F100A)
- Worn Cerulean Veranda color palette (#F4F6F0, #C8DBE9, #C0BCED, #5E9ABD, #5C4459)
Browse the whole catalog at Explore, or see today's palette.