Spruce Courtyard color palette — #FBEAE5 · #75C8C1 · #007389 · #0B4103 · #000308

Forest and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBEAE5): a clean, paper-quiet neutral.
• Mint Leaf (#75C8C1): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#0B4103): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Spruce 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

• Faded Petrol Pier color palette (#FEEADD, #72C4DF, #0069B5, #003F32, #020013)
• Cobalt Lagoon color palette (#FFF2EC, #94D9E2, #0084B8, #005433, #000531)
• Spruce Orchard color palette (#F2E7F3, #549E99, #005264, #043304, #001529)
• Hushed Meadow color palette (#E0ECE3, #6BC1BC, #0094A0, #007050, #00171E)
• Brick Chapel color palette (#FFE1E0, #BE1236, #00656C, #004D52, #040000)
• Worn Scarlet color palette (#F9E2D8, #D14A3B, #007866, #750402, #000201)
• Iris Villa color palette (#FCF3EB, #D0E9FF, #7E8CD3, #00696C, #251439)
• Antique Moss Hollow color palette (#E9DDCE, #8E8A25, #674600, #3C1300, #000200)

Browse the whole catalog at Explore, or see today's palette.