Teal Courtyard color palette — #F7F6E9 · #ABD6B6 · #23B8A0 · #7B8B5B · #313B00
A conversation between Turquoise and Forest, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6E9): bright and airy, almost weightless.
- Pistachio (#ABD6B6): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#23B8A0): A luminous, balanced teal — the color of sea glass.
- Moss (#7B8B5B): A luminous, dusty green — the color of fresh herbs.
- Forest (#313B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Teal Courtyard 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
- Tempered Seafoam Meadow color palette (#F5F7E5, #A3E1B4, #59997B, #63645C, #252B10)
- Aged Jade color palette (#FFF3E5, #D1CD97, #88AE63, #A67A3E, #38352E)
- Teal Pier color palette (#F8F6E3, #9DE1B0, #00BFA6, #3D94B3, #3A3B35)
- Lagoon Garden color palette (#E8F9F7, #93C2A0, #00986B, #4A6E47, #183C3B)
- Patina Summit color palette (#F9F5EA, #E0E0C2, #8EC4A3, #8BA18F, #535000)
- Sky Archive color palette (#FDF3EE, #C6EBD0, #2DC1FB, #3B9F85, #223C59)
- Clover Lantern color palette (#F7EAD1, #B5CD5E, #00B639, #008D8A, #2A3200)
- Hushed Lagoon Bloom color palette (#EEEFDB, #70B997, #00928C, #4A7031, #141F00)
Browse the whole catalog at Explore, or see today's palette.