Twilit Coast color palette — #D3E8E6 · #004422 · #00232A · #23000D · #000301

Forest takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D3E8E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Forest (#004422): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#00232A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#23000D): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Smoked Fern color palette (#CEE8DD, #4B4E00, #003037, #2D000A, #070800)
• Cellar Onyx color palette (#DCF4EA, #353D00, #002614, #190032, #020200)
• Hushed Basin color palette (#D5E9EB, #5C5961, #004436, #1C1F27, #000A0F)
• Dusty Courtyard color palette (#EBEAC8, #408015, #004233, #002024, #000B16)
• Charred Field color palette (#E7E7CE, #2B4D00, #140074, #210014, #020100)
• Dusty Spruce Loft color palette (#E6F0EE, #99AEB1, #5E8599, #0D4402, #001916)
• Linen Pine Workshop color palette (#D1F1F1, #9D8500, #00884D, #004C6D, #00100D)
• Smoked Aubergine Study color palette (#D9EBFE, #004472, #2F0082, #2D1400, #000B0F)

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