Twilit Meadow color palette — #C7E8D4 · #005667 · #5C2D00 · #00232B · #030100

Cocoa and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#C7E8D4): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#005667): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#5C2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Twilit Meadow 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

• Deep Navy color palette (#EFE0EF, #00469F, #503500, #001B47, #020100)
• Garnet Harbor color palette (#E0EBDE, #005854, #6C004C, #002422, #040002)
• Inked Chestnut color palette (#EFF1E3, #874F00, #005A78, #090C12, #000103)
• Weathered Basin color palette (#CDE7F7, #007697, #913000, #003040, #040000)
• Navy Pier color palette (#D7E4F8, #00377F, #62000A, #301700, #000105)
• Nocturne Fern Garden color palette (#EFE6D8, #555600, #382600, #1D0700, #000200)
• Velvet Denim Delta color palette (#D6E7F5, #00609A, #00324A, #17131B, #00070F)
• Muted Mulberry color palette (#DCEAE1, #6D80BC, #934393, #00332A, #000308)

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