Patina Teal color palette — #F9F5E6 · #96E3A6 · #00BEAE · #5A8EB9 · #3A3B34
Turquoise and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#96E3A6): A whisper-light, balanced green — the color of fresh herbs.
- Turquoise (#00BEAE): A luminous, balanced teal — the color of shallow lagoons.
- Slate Blue (#5A8EB9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3A3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Patina Teal 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
- Feathered Field color palette (#FFF3E3, #C6D982, #2FC26F, #4595A7, #3C3B34)
- Faded Seafoam Courtyard color palette (#F4F8E0, #86F2C3, #00A997, #3B7481, #053826)
- Jade Courtyard color palette (#FEF4E3, #C0DB87, #1AC37B, #AC7496, #3C3B34)
- Lime Boulevard color palette (#F3EBD5, #89D875, #00B090, #B95473, #133708)
- Hushed Teal color palette (#FEF3EB, #C4EBFF, #88B8FF, #00A796, #3D3963)
- Muted Cocoa color palette (#FAF4EF, #EADCC0, #A7BF8F, #AB919F, #624800)
- Teal Archive color palette (#DAFAF1, #6DBB8F, #007C71, #065370, #002626)
- Clover Harbor color palette (#FFE1F4, #A4ACFF, #00CD4D, #00A992, #2A2C51)
Browse the whole catalog at Explore, or see today's palette.