Teal Courtyard color palette — #F0F9E8 · #A7E4CD · #F1B0D4 · #63BC9E · #694040
A conversation between Mint Leaf and Carnation, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#F0F9E8): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#A7E4CD): A whisper-light, dusty teal — the color of shallow lagoons.
- Carnation (#F1B0D4): A whisper-light, balanced pink — the color of neon signs at night.
- Mint Leaf (#63BC9E): A luminous, balanced teal — the color of shallow lagoons.
- Cocoa (#694040): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Sophistication, Softness, Clarity. Tagged light, 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
- Muted Hollow color palette (#F7F6EA, #CEDCAC, #D1BCEC, #9FB26A, #62424E)
- Muted Lagoon color palette (#F1F8ED, #94D3C3, #D39EC0, #31A18A, #664243)
- Dusty Boulevard color palette (#EBF9F0, #93E3F9, #F9B49C, #5DB7CE, #534B47)
- Antique Stone color palette (#EEFAE6, #91D8C5, #C1B5E6, #D5A27F, #3C4635)
- Worn Seafoam Alley color palette (#E9FBE7, #3CF6EF, #E97C92, #00ADA8, #6D0B2D)
- Pale Orchard color palette (#DDF6E5, #5BD1E9, #F98E81, #00A3BB, #5B1F1A)
- Tempered Fern color palette (#FDF4E3, #E1DABE, #C6B48D, #A28F74, #4F4900)
- Muted Cypress Bloom color palette (#E4F6F7, #7AC5AA, #CA81AC, #108567, #362C41)
Browse the whole catalog at Explore, or see today's palette.